五步完成unity与微信(游戏)小程序交互创建视频

本文基于minigame-unity-webgl-transform方案，此方案支持大部分unity组件及方法，比较可惜的是目前版本不支持任何形式的video播放（不管是movieotexture、videoplayer还是其他第三方的视频播放插件,比如avpro、easymovietexture）。

而且当前版本中也无法通过微信的sdk来创建视频

通过unity与微信小程序交互的方式调用微信小程序原生sdk来创建视频

（目前仅支持覆盖在游戏界面上播放，无法做到类似videoplayer那样在场景中进行播放）。

第一步：

在unity的assets目录下创建plugins文件夹，并在其中创建externfunction.jslib文件，内容如下：

mergeinto(librarymanager.library, {
playvideos: function (_src) {
	playvideo(pointer_stringify(_src));
}
});

第二步：

创建一个c#脚本，其中添加如下内容：

    /// <summary>
    /// 按照视频名播放视频
    /// </summary>
    /// <param name="audioname"></param>
    [dllimport("__internal")]
    private static extern void playvideos(string _src); 
    public void playjsvideo(string _src)
    {
        playvideos(_src);
    }

第三步：

在场景中创建一个button，并将上面的playjsvideo事件添加到onclick事件上。

第四步：

保存场景，并将场景添加到buildingsetting中，如下图所示：

第五步：

通过微信小游戏的插件导出webgl并转换为小游戏，如下图所示：

 转换完成后，在打包目录的minigame下找到webgl.wasm.framework.unityweb.js，并在文件开头添加如下内容：

//获取屏幕长宽
let { screenwidth, screenheight } = wx.getsysteminfosync();
function playvideo(_src){
  var video = wx.createvideo({
    x: 0,
    y: 0,
    width: screenwidth,
    height: screenheight,
    // 显示默认的视频控件
    controls: true,
    // 是否自动播放
    autoplay:true,
    // 传入视频地址
    src:_src
  });
  //全屏播放视频
  video.requestfullscreen(0);
  //监听视频播放状态，播放完毕后退出全屏并销毁视频
  video.onended(()=>{
    video.exitfullscreen();
    video.destroy();
  });
}

搞定收工~

以上就是五步完成unity与微信(游戏)小程序交互创建视频的详细内容，更多关于unity与微信(游戏)小程序交互的资料请关注其它相关文章！