1. 程式人生 > 程式設計 >五步完成unity與微信(遊戲)小程式互動建立視訊

五步完成unity與微信(遊戲)小程式互動建立視訊

目錄
  • 通過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中,如下圖所示:

五步完成unity與微信(遊戲)小程式互動建立視訊

第五步:

通過微信小遊戲的外掛匯出WEBGL並轉換為小遊戲,如下圖所示:

五步完成unity與微信(遊戲)小程式互動建立視訊

 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,// 是否自動播放
    autoplanHHcJ
y:true,// 傳入視訊地址 src:_src }); //全屏播放視訊 video.requestFullScreen(0); //監聽視訊播放狀態,播放完畢後退出全屏並銷燬視訊 video.onEnded(()=>{ video.exitFullScreen(); video.destroy(); }); }

搞定收工~

五步完成unity與微信(遊戲)小程式互動建立視訊

五步完成unity與微信(遊戲)小程式互動建立視訊

以上就是五步完成unity與微信(遊戲)小程式互動建立視訊的詳細內容,更多關於unity與微信(遊戲)小程式互動的資料請關注我們其它相關文章!