3テラバイト

プログラム関連備忘録サイト。主にゲーム。

PixiJS

PixiJSで動画を再生する方法

投稿日:

コード

const app = new PIXI.Application({ transparent: true });
document.body.appendChild(app.view);

const sprite = new PIXI.Sprite.from('assets/video.mp4');
app.stage.addChild(sprite);

アプリケーション画面サイズに合わせる

sprite.width = app.screen.width;
sprite.height = app.screen.height;

リンク

PixiJS API Documentation
https://pixijs.download/release/docs/PIXI.Sprite.html

-PixiJS


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

no image

PixiJSでボタンを作成する方法

以下の例ではSpriteをボタンにしています。interactiveをtrueにするとインタラクションイベントが有効になり、以降で設定しているonメソッドで指定しているイベントが発火するようになります …

no image

PixiJSで画像を表示する方法

確認環境 PixiJS v6.2.1 コード 画像を表示する const app = new PIXI.Application(); document.body.appendChild(app.vie …

no image

PixiJSで文字を表示する方法

確認環境 PixiJS v6.2.1 コード 文字を表示する const app = new PIXI.Application({ backgroundColor: 0xffffff }); docu …