程序使用第三方开源MIT协议组件 Node-Media-Server 第2步:小程序live-pusher/live-player如何使用 开始之前你需要在微信开放平台注册小程序开发账号, 并申请小程序接口实时音视频流权限 这一步很重要, 不完成这一步无法进行后面的开发. 个人账号是可以申请此类接口权限的. 当小程序账号注册完成以及申请实时音视频流权...
当前<live-pusher> 或 <live-player> 大小变化时,iOS版本小程序对叠加在上面的cover-view不能追随变化,界面显示不可预期, 因此当在 <live-pusher> 或 <live-player> 标签上面叠加cover-view时,不要动态修改 <live-pusher> 或 <live-player> 标签的大小。 8、建议在页面onUnload里面对 <live-pusher> 与 <li...
live-pusher 微信小程序实时音视频录制媒体组件,v2.9.1 起支持同层渲染。需要用户授权 scope.camera、scope.record。 申请开通 暂只针对国内主体如下类目的小程序开放,需要先通过类目审核,再在小程序管理后台,「开发」-「接口设置」中自助开通该组件权限。 示例代码 <live-pusher url="https://domain/push_stream"...
(暂时没发现调用live-pusher的pause会引起这个问题。) 两种解决方案: 一种是避免在live-player播放后操作live-pusher。比如进页面直接开启live-pusher,然后不再操作。官方DEMO就是使用这种方案。 第二种,则是每次操作live-pusher后,都重新调用live-player的play操作(感觉需要短暂的延迟调用)。不过这会引起正在播放的liv...
1、live-pusher 开发工具中是无法推流 2、live-pusher和live-player的层级比较高,在真机调试时z-index不生效,元素会被live-pusher和live-player遮挡 3、LivePusherContext.snapshot 在不推流的时候不能获取快照 4、LivePusherContext.playBGM的地址要是线上服务地址 ...
出于政策和合规的考虑,微信暂时没有放开所有小程序对 <live-pusher> 和 <live-player> 标签的支持: 个人账号和企业账号的小程序暂时只开放如下表格中的类目; 符合类目要求的小程序,需要在小程序管理后台的 “开发 - 接口设置” 中自助开通该组件权限。
根据官方文档描述,小程序推流组件live-pusher只能支持rtmp格式地址: 但实际rtmp传输不安全,在官方的其他文档下,也没有详细说明是否支持加密传输。 问题: 请官方解答一下: 现在推流组件live-pusher在iOS/Android下是否支持rtmps加密数据流? 如果支持,对应各个端的兼容版本是什么? 如果不支持,详细的支持情况和排期是如何...
一种是避免在live-player播放后操作live-pusher。比如进页面直接开启live-pusher,然后不再操作。官方DEMO就是使用这种方案。 第二种,则是每次操作live-pusher后,都重新调用live-player的play操作(感觉需要短暂的延迟调用)。不过这会引起正在播放的live-player音视频的短暂中断,体验不是太好,所以业务许可的话,第一种更...
微信小程序live-pusher那些坑 最近在做用微信小程序实现实时通话,一个页面同时使用了live-pusher和live-player。中途踩了许多坑,在这里做一下总结,希望能帮到大家。 1问题:Live-player播着播着没声音了。 原因:对live-pusher进行start, stop,resume等操作时,会停止所有正在播放的live-player的声音。(暂时没发现...
据了解,小程序中的<live-pusher> 和<live-player> 两个组件 ,都有一个叫做live (<live-pusher> 中对应 mode 属性为 SD, HD, FHD)的模式,专门为在线直播而设计,通过小程序的音视频接口的live 模式,可以实现上述应用场景。 那么,在线直播的原理是什么呢?