小程序直播video如何实现?
小程序直播video如何实现?越来越多的传统手机app的用户逐渐转向小程序了,这对于小程序的发展是一个好消息,于是很多app也开始开发自己的小程序,那么,那些直播app如何在小程序上实现直播呢?下面小编以小程序直播video如何实现为例讲一下。
小程序直播video如何实现?
在介绍如何实现小程序直播前,我们先看看小程序组件video。
小程序页面效果图:
注意:
1、电脑端不能测试拍摄功能只能测试选择视频功能,现在只支持mp4格式,值得注意的是成功之后返回的临时文件路径是个列表tempFilePaths而不是tempFilePath,文档写的有点问题。
2、video标签认宽度300px、高度225px,设置宽高需要通过wxss设置width和height。
video.wxml添加代码:
video.js添加小程序代码:
Page({
data: {
src: ''
},
/**
* 打开本地视频
*/
bindButtonTap: function() {
var that = this
//拍摄视频或从手机相册中选视频
wx.chooseVideo({
//album 从相册选视频,camera 使用相机拍摄,默认为:['album', 'camera']
sourceType: ['album', 'camera'],
//拍摄视频最长拍摄时间,单位秒。最长支持60秒
maxDuration: 60,
//前置或者后置摄像头,默认为前后都有,即:['front', 'back']
camera: ['front','back'],
//小程序接口调用成功,返回视频文件的临时文件路径,详见返回参数说明
success: function(res) {
console.log(res.tempFilePaths[0])
that.setData({
src: res.tempFilePaths[0]
})
}
})
},
/**
* 当发生错误时触发error事件,event.detail = {errMsg: 'something wrong'}
*/
videoErrorCallback: function(e) {
console.log('视频错误信息:')
console.log(e.detail.errMsg)
}
})
本文所说的小程序直播video就是利用的本地视频中的利用手机拍摄,达到一种延时的直播视频效果。有的还利用小程序里面html5实现直播,这种效果更好点。
总的来说,目前小程序直播video的实现还是不够完美,微信还没有打算完全开发这个功能,只能靠大家自己去想办法实现,感谢大家的阅读,欢迎关注微小乔。
第一个微信小程序语音直播具体介绍
小程序怎么开放个人直播?
微信小程序可以看直播吗?直播小程序有哪些?
下一篇:微信的隐藏功能指令有哪些?