您当前的位置: 首页 > 知识百科 > 小程序直播video如何实现?

小程序直播video如何实现?

时间:2023-07-01 14:05 阅读数:145 人阅读 分类:知识百科

  小程序直播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的实现还是不够完美,微信还没有打算完全开发这个功能,只能靠大家自己去想办法实现,感谢大家的阅读,欢迎关注微小乔。

  

  第一个微信小程序语音直播具体介绍

  小程序怎么开放个人直播?

  微信小程序可以看直播吗?直播小程序有哪些?