五步完成unity與微信(遊戲)小程式互動建立視訊
阿新 • • 發佈:2021-09-03
目錄
- 通過unity與微信小程式互動的方式呼叫微信小程式原生sdk來建立視訊
- 第一步:
- 第二步:
- 第三步:
- 第四步:
- 第五步:
本文基於minigame-unity-webgl-transform方案,此方案支援大部分Unity元件及方法,比較可惜的是目前版本不支援任何形式的Video播放(不管是MovieoTexture、VideoPlayer還是其他第三方的視訊播放外掛,比如AVPro、EasyMovieTexture)。
而且當前版本中也無法通過微信的sdk來建立視訊
通過unity與微信小程式互動的方式呼叫微信小程式原生sdk來建立視訊
(目前僅支援覆蓋在遊戲介面上播放,無法做到類似videoplayer那樣在場景中進行播放)。
第一步:
在unity的Assets目錄下建立Plugins資料夾,並在其中建立externFunction.lib檔案,內容如下:
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並轉換為小遊戲,如下圖所示:
 www.cppcns.com;轉換完成後,在打包目錄的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,// 是否自動播放 autoplanHHcJy:true,// 傳入視訊地址 src:_src }); //全屏播放視訊 video.requestFullScreen(0); //監聽視訊播放狀態,播放完畢後退出全屏並銷燬視訊 video.onEnded(()=>{ video.exitFullScreen(); video.destroy(); }); }
搞定收工~
以上就是五步完成unity與微信(遊戲)小程式互動建立視訊的詳細內容,更多關於unity與微信(遊戲)小程式互動的資料請關注我們其它相關文章!