phaser3学习笔记：视频播放

最新推荐文章于 2023-09-20 11:16:54 发布

原创最新推荐文章于 2023-09-20 11:16:54 发布 · 551 阅读

0 ·

CC 4.0 BY-SA版权

phaser 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种使用Phaser游戏框架在网页上播放视频的方法。通过创建GameScene类并继承Phaser.Scene，预加载视频资源，然后在场景中创建并播放视频。此教程适合希望在基于Phaser的游戏或应用中集成视频功能的开发者。

播放视频，找了半天，后来发现没有代码。先空着吧。

import Phaser from 'phaser'

class GameScene extends Phaser.Scene {
  constructor() {
    super({ key: 'GameScene' })
  }

  preload() {
    this.load.video('videodemo', 'assets/example/video/cnn.mp4', 'loadeddata', false, true)
  }

  create() {
    const video = this.add.video(400, 300, 'videodemo')
    video.setMute(false)
    video.play()
  }
}

export function PlayVideoInit(ele) {
  return new Phaser.Game({
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    backgroundColor: '#2d2d2d',
    parent: ele,
    scene: [GameScene]
  })
}