×

微信小程序:实时音视频录制

作者:andy0012019.03.26来源:Web前端之家浏览:2512评论:0

实时音视频录制。该组件是原生组件,使用时请注意相关限制。

需要用户授权 scope.camera、scope.record

暂只针对国内主体如下类目的小程序开放,需要先通过类目审核,再在小程序管理后台,「开发」-「接口设置」中自助开通该组件权限。

一级类目/主体类型二级类目小程序内容场景
社交直播涉及娱乐性质,如明星直播、生活趣事直播、宠物直播等。选择该类目后首次提交代码审核,需经当地互联网主管机关审核确认,预计审核时长7天左右
教育在线视频课程网课、在线培训、讲座等教育类直播
医疗互联网医院,公立医院问诊、大型健康讲座等直播
金融银行、信托、基金、证券/期货、证券、期货投资咨询、保险、征信业务、新三板信息服务平台、股票信息服务平台(港股/美股)、消费金融金融产品视频客服理赔、金融产品推广直播等
汽车汽车预售服务汽车预售、推广直播
政府主体帐号/政府相关工作推广直播、领导讲话直播等
工具视频客服不涉及以上几类内容的一对一视频客服服务,如企业售后一对一视频服务等
属性名类型默认值说明最低版本
urlString
推流地址。目前仅支持 flv, rtmp 格式
modeStringRTCSD(标清), HD(高清), FHD(超清), RTC(实时通话)
autopushBooleanfalse自动推流
mutedBooleanfalse是否静音
enable-cameraBooleantrue开启摄像头
auto-focusBooleantrue自动聚集
orientationStringverticalvertical,horizontal
beautyNumber0美颜,取值范围 0-9 ,0 表示关闭
whitenessNumber0美白,取值范围 0-9 ,0 表示关闭
aspectString9:16宽高比,可选值有 3:4, 9:16
min-bitrateNumber200最小码率
max-bitrateNumber1000最大码率
waiting-imageString
进入后台时推流的等待画面
waiting-image-hashString
等待画面资源的MD5值
zoomBooleanfalse调整焦距2.1.0
device-positionStringfront前置或后置,值为front, back2.3.0
background-muteBooleanfalse进入后台时是否静音
bindstatechangeEventHandle
状态变化事件,detail = {code}
bindnetstatusEventHandle
网络状态通知,detail = {info}1.9.0
binderrorEventHandle
渲染错误事件,detail = {errMsg, errCode}1.7.4
bindbgmstartEventHandle
背景音开始播放时触发2.4.0
bindbgmprogressEventHandle
背景音进度变化时触发,detail = {progress, duration}2.4.0
bindbgmcompleteEventHandle
背景音播放完成时触发2.4.0

注意:

<live-pusher> 默认宽度为100%、无默认高度,请通过wxss设置宽高。

开发者工具上暂不支持。

相关api:wx.createLivePusherContext

错误码(errCode)

代码说明
10001用户禁止使用摄像头
10002用户禁止使用录音
10003背景音资源(BGM)加载失败
10004等待画面资源(waiting-image)加载失败

状态码(code)


代码说明
1001已经连接推流服务器
1002已经与服务器握手完毕,开始推流
1003打开摄像头成功
1004录屏启动成功
1005推流动态调整分辨率
1006推流动态调整码率
1007首帧画面采集完成
1008编码器启动
-1301打开摄像头失败
-1302打开麦克风失败
-1303视频编码失败
-1304音频编码失败
-1305不支持的视频分辨率
-1306不支持的音频采样率
-1307网络断连,且经多次重连抢救无效,更多重试请自行重启推流
-1308开始录屏失败,可能是被用户拒绝
-1309录屏失败,不支持的Android系统版本,需要5.0以上的系统
-1310录屏被其他应用打断了
-1311Android Mic打开成功,但是录不到音频数据
-1312录屏动态切横竖屏失败
1101网络状况不佳:上行带宽太小,上传数据受阻
1102网络断连, 已启动自动重连
1103硬编码启动失败,采用软编码
1104视频编码失败
1105新美颜软编码启动失败,采用老的软编码
1106新美颜软编码启动失败,采用老的软编码
3001RTMP -DNS解析失败
3002RTMP服务器连接失败
3003RTMP服务器握手失败
3004RTMP服务器主动断开,请检查推流地址的合法性或防盗链有效期
3005RTMP 读/写失败

网络状态数据(info)

键名说明
videoBitrate当前视频编/码器输出的比特率,单位 kbps
audioBitrate当前音频编/码器输出的比特率,单位 kbps
videoFPS当前视频帧率
videoGOP当前视频 GOP,也就是每两个关键帧(I帧)间隔时长,单位 s
netSpeed当前的发送/接收速度
netJitter网络抖动情况,抖动越大,网络越不稳定
videoWidth视频画面的宽度
videoHeight视频画面的高度

示例代码:

<live-pusher
  url="https://domain/push_stream"
  mode="RTC"
  autopush
  bindstatechange="statechange"
  style="width: 300px; height: 225px;"/>
Page({
  statechange(e) {    console.log('live-pusher code:', e.detail.code)
  }
})

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/xiaosdfiuiou5ioutowieut.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • 开创者素材

    网站资源下载站,交换个友链如何?www.kaicz.com...

  • CSS66

    关于CSS组合选择符总结得全面,学习了!...

  • 新闻头条

    文章不错支持一下吧...

  • 新闻头条

    文章不错非常喜欢...

  • js666

    promise很强大,可以干好多事情。。。...

  • 子午物联网

    这个博客,由衷的喜欢...

  • 访客

    文章不错,非常喜欢...

  • cnwebe

    新媒体运营交换友情链接https://www.cnwebe.com换吗...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2019 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero