這篇文章主要介紹“微信小程序中Video API怎么應用”的相關知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“微信小程序中Video API怎么應用”文章能幫助大家解決問題。
具體內(nèi)容如下:
電腦端不能測試拍攝功能只能測試選擇視頻功能,好像只支持mp4格式,值得注意的是成功之后返回的臨時文件路徑是個列表tempFilePaths而不是tempFilePath文檔寫的有點問題。
主要屬性:
wx.chooseVideo(object)
成功之后返回參數(shù)
wxml
<button type="primary" bindtap="listenerBtnOpenVideo">打開視頻</button> <!--默認視頻組件是隱藏的--> <video src="{{videoSource}}" hidden="{{videoHidden}}" style="width: 100%; height: 100%"/>
js
Page({ data:{ // text:"這是一個頁面" videoSource: '', videoHidden: true }, listenerBtnOpenVideo: function() { var that = this; wx.chooseVideo({ //相機和相冊 sourceType: ['album', 'camera'], //錄制視頻較大時長 maxDuration: 60, //攝像頭 camera: ['front', 'back'], //這里返回的是tempFilePaths并不是tempFilePath success: function(res){ console.log(res.tempFilePaths[0]) that.setData({ videoSource: res.tempFilePaths[0], videoHidden: false }) }, fail: function(e) { console.log(e) } }) }, onLoad:function(options){ // 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù) }, onReady:function(){ // 頁面渲染完成 }, onShow:function(){ // 頁面顯示 }, onHide:function(){ // 頁面隱藏 }, onUnload:function(){ // 頁面關閉 } })
關于“微信小程序中Video API怎么應用”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關的知識,可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會為大家更新不同的知識點。
分享文章:微信小程序中VideoAPI怎么應用-創(chuàng)新互聯(lián)
分享地址:http://sd-ha.com/article4/jjhoe.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供用戶體驗、做網(wǎng)站、動態(tài)網(wǎng)站、網(wǎng)站制作、ChatGPT、服務器托管
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容