主页 > 知识库 > 五步完成unity与微信(游戏)小程序交互创建视频

五步完成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与微信(游戏)小程序交互的资料请关注脚本之家其它相关文章!

您可能感兴趣的文章:
  • 微信小程序 实战小程序实例
  • 手把手教你写一个微信小程序(推荐)
  • Unity实现3D射箭小游戏
  • Unity实现见缝插针小游戏

标签:河南 长治 乐山 新疆 上海 沧州 红河 沈阳

巨人网络通讯声明:本文标题《五步完成unity与微信(游戏)小程序交互创建视频》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266