在白鹭引擎中使用NodePlayer.js开发直播视频游戏

简介

实时视频+游戏操作是非常不错的娱乐体验方式,结合物联网设备可以开发诸如:远程抓娃娃、远程打气球等项目。
NodePlayer.js-wasm版可以非常方便的集成到最新的白鹭引擎(v5.3以上)中使用,以下是我们总结的一个集成方法。

一、准备工作

1.NodePlayer.js wasm版

试用开发包请下载:https://cdn.nodemedia.cn/NodePlayer/0.5.39-wasm/NodePlayer_v0.5.39-wasm_trial.zip
授权用户请准备好wasm版

2.白鹭引擎 v5.3.8

在白鹭引擎中使用NodePlayer.js开发直播视频游戏_第1张图片

3.Egret Compiler

在白鹭引擎中使用NodePlayer.js开发直播视频游戏_第2张图片

4.Egret Wing 3

二、创建并打开工程

在白鹭引擎中使用NodePlayer.js开发直播视频游戏_第3张图片
在白鹭引擎中使用NodePlayer.js开发直播视频游戏_第4张图片

三、在工程目录下的libs目录下创建NodePlayer文件夹,并将开发包或授权包内的 NodePlayer.d.ts , NodePlayer.min.js, NodePlayer.min.wasm 三个文件拷贝到该文件夹下。复制NodePlayer.min.js并改名为NodePlayer.js 。

在白鹭引擎中使用NodePlayer.js开发直播视频游戏_第5张图片

四、在Egret Wing编辑器中打开egretProperties.json,添加一个module

    {
      "name": "NodePlayer",
      "path": "./libs/NodePlayer"
    }

在白鹭引擎中使用NodePlayer.js开发直播视频游戏_第6张图片

五、编译模块

在Egret Wing中打开终端,输入

egret build -e

在白鹭引擎中使用NodePlayer.js开发直播视频游戏_第7张图片
这时候可以打开manifest.json,可以看到已自动加入了一行

"libs/NodePlayer/NodePlayer.js"

在白鹭引擎中使用NodePlayer.js开发直播视频游戏_第8张图片

六、修改index.html模板文件

打开 template/web/index.html,在div中添加



在白鹭引擎中使用NodePlayer.js开发直播视频游戏_第9张图片

你可能感兴趣的:(Web,javascript,游戏,typescript)