本文基于minigame-unity-webgl-transform方案,此方案支持大部分Unity組件及方法,比較可惜的是目前版本不支持任何形式的Video播放(不管是MovieoTexture、VideoPlayer還是其他第三方的視頻播放插件,比如AVPro、EasyMovieTexture)。
而且當前版本中也無法通過微信的sdk來創(chuàng)建視頻
通過unity與微信小程序交互的方式調用微信小程序原生sdk來創(chuàng)建視頻
(目前僅支持覆蓋在游戲界面上播放,無法做到類似videoplayer那樣在場景中進行播放)。
第一步:
在unity的Assets目錄下創(chuàng)建Plugins文件夾,并在其中創(chuàng)建externFunction.jslib文件,內容如下:
mergeInto(LibraryManager.library, {
PlayVideos: function (_src) {
PlayVideo(Pointer_stringify(_src));
}
});
第二步:
創(chuàng)建一個C#腳本,其中添加如下內容:
/// summary>
/// 按照視頻名播放視頻
/// /summary>
/// param name="audioname">/param>
[DllImport("__Internal")]
private static extern void PlayVideos(string _src);
public void PlayJsVideo(string _src)
{
PlayVideos(_src);
}
第三步:
在場景中創(chuàng)建一個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);
//監(jiān)聽視頻播放狀態(tài),播放完畢后退出全屏并銷毀視頻
video.onEnded(()=>{
video.exitFullScreen();
video.destroy();
});
}
搞定收工~
以上就是五步完成unity與微信(游戲)小程序交互創(chuàng)建視頻的詳細內容,更多關于unity與微信(游戲)小程序交互的資料請關注腳本之家其它相關文章!
您可能感興趣的文章:- 微信小程序 實戰(zhàn)小程序實例
- 手把手教你寫一個微信小程序(推薦)
- Unity實現3D射箭小游戲
- Unity實現見縫插針小游戲