動画壁紙の作成

kind: video の壁紙は、用意した動画ファイルがそのままフルスクリーンでループ再生される最小構成の壁紙です。React も Vite もビルドも不要で、fluxlay.yaml と動画ファイルだけで完成します。

ディレクトリの準備

mkdir my-video-wallpaper && cd my-video-wallpaper

動画ファイルをプロジェクトディレクトリに配置します。

    • background.mp4
    • fluxlay.yaml

対応フォーマットは .mp4.webm です。

マニフェストの作成

fluxlay.yaml
schemaVersion: 1
name: My Video Wallpaper
slug: my-video-wallpaper
version: 0.1.0
kind: video
source: ./background.mp4
description: フルスクリーンでループ再生される動画壁紙。

source はプロジェクトルートからの相対パスで、必須フィールドです。

ビルド

pnpm fluxlay build

.fluxlay パッケージが生成されます。HTML はバンドルに含まれず、Fluxlay デスクトップアプリが動画を全画面ループ再生する HTML を配信時に動的生成します。

プレビュー

pnpm fluxlay dev

開発サーバーは Web 壁紙と同じく動作確認に使えます。

注意事項

  • 動画はミュート・ループ再生・自動オートプレイで配信されます。音声は含まれません。
  • ファイルサイズが大きいとパッケージ容量とディスク使用量に直結します。配布前にエンコード設定(解像度・ビットレート)を見直すことを推奨します。
  • カスタムプロパティやシェルコマンドは使用できません。動的に変化する壁紙を作りたい場合は kind: web を選んでください。

詳細はマニフェストリファレンスを参照してください。