微信小程序动态设置live-pusher/live-player属性

最新推荐文章于 2024-10-25 19:48:32 发布

MrVvictor

最新推荐文章于 2024-10-25 19:48:32 发布

阅读量1w

点赞数

分类专栏：微信小程序文章标签：微信小程序 live-pusher 前端

本文链接：https://blog.csdn.net/crazy_victor/article/details/87863063

版权

最近开发小程序视频会议，发现通过api wx.createLivePusherContext() 创建LivePusherContext之后，只能暂停背景音，或者切换摄像头，并没有关闭摄像头而打开背景音的方法：

方法

LivePusherContext.start()

播放推流

LivePusherContext.stop()

停止推流

LivePusherContext.pause()

暂停推流

LivePusherContext.resume()

恢复推流

LivePusherContext.switchCamera()

切换前后摄像头

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

MrVvictor

关注关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

uniapp使用live-pusher实现模拟人脸识别效果

weixin_53339757的博客

12-24

1787

uniapp使用live-pusher实现模拟人脸识别效果

uniapp+微信小程序+仿微信视频聊天+点击小窗切换+全屏拖动小窗（live-player+live-pusher）+完整代码

最新发布

apple_70049717的博客

03-04

1106

实时音视频播放，也称直播拉流，通俗的解释一下就是就是接受聊天对面视频的容器，你和朋友在微信小程序里视频聊天，你的手机需要。如果你是app不是使用 live-player，而是直接使用 video 组件。这块也就是把你摄像头对着的内容（自拍的话就是你自己）推到服务器上。主要是使用live-player、live-pusher。url就是推流地址，还有什么美颜啥的看文档即可。实时音视频录制，也称直播推流。这个是大屏 big-box。：定义可拖动的区域，内部包含。，然后播放出来，这就是。内部自由拖动的组件。

参与评论您还未登录，请先登录后发表或查看评论

小程序实时音视频live-player、实时音视频录制live-pusher、多人音视频对话voip-room

weixin_43294560的博客

08-19

2791

都需要先通过类目审核,再在小程序管理后台,「开发」-「接口设置」中自助开通该组件权限。 1、实时音视频live-player 待补充 2、实时音视频录制live-pusher 3、voip-room多人音视频对话

微信小程序推流拉流live-pusher/live-player示例，使用本地搭建RTMP服务

书写人生

05-30

1万+

适用读者: 对微信小程序已经有基本的了解。例如：小程序账号申请、常用组件、小程序开发工具对nodejs已经有基本的了解。对微信小程序流媒体/实时音视频组件感兴趣的童鞋。对小鱼易联/小鱼在家，声网的微信小程序内部实现感兴趣的童鞋。小程序实时音视频的底层传输协议问题（TCP，UDP，QUIC）如果您不满足上面所述，这篇文章应该不适合您。好吧，正文开始： 微信小程序提供了俩个组件live-pusher以及live-player，但是因为官方文档过于简略，以至于很多人难以上手。而且在

小程序+音视频1：live-pusher

weixin_44727080的博客

08-29

2487

是小程序内部用于支持音视频上行能力的功能标签

[转载]LivePlayer实现直播抓拍

fuyuanpiao的博客

02-25

412

对于一个裸的RTSP URL，存放在播放列表上略显单调与枯燥。大家可以看到LivePlayer在播放完视频后会保存一帧图片到列表上。那么这个功能是如何做到的呢？如果自己实现解码的话，比如使用ffmpeg解码，这种情况下，将视频帧解码，再编码成jpeg保存下来，应该不是什么难事。相信大多数播放器都是这样处理的。但是如果我们用硬解码，很遗憾，安卓的硬解码并没有提供获取视频帧数据...

微信小程序 live-pusher 实时音视频录制组件

java1234的博客

06-08

2613

完整微信小程序(Java后端) 技术贴目录清单页面（必看）实时音视频录制（v2.9.1 起支持同层渲染）。需要用户授权 scope.camera、scope.record。暂只针对国内主体如下类目的小程序开放，需要先通过类目审核，再在小程序管理后台，「开发」-「接口设置」中自助开通该组件权限。一级类目/主体类型二级类目小程序内容场景社交直播涉及娱乐性质，如明星直播、生活趣事直播、宠物直播等。选择该类目后首次提交代码审核，需经当地互联网主管机关审核确认，预计审核时长7天左右

微信小程序live-pusher那些坑

03-29

最近在做用微信小程序实现实时通话，一个页面同时使用了live-pusher和live-player。中途踩了许多坑，在这里做一下总结，希望能帮到大家。 1问题：Live-player播着播着没声音了。原因：对live-pusher进行start, ...

微信小程序live-pusher和video同时使用，video播放声音时时大时小

u010865136的专栏

10-25

1565

最后可以肯定的是live-pusher的start时会影响video的声音，至于是live-pusher的start播放时影响了手机音量，这个影响没坚持到video播放；业务是模拟面试，每道题一个推流live-pusher和一个面试题video，一次面试有多道面试题，页面就一个live-pusher和一个video，切换面试题时给live-pusher和video重新赋值url。1、注释live-pusher，只轮播播放video视频，发现并未时大时小的情况，确认是受live-pusher影响了。

uniapp小程序接入trtc-wx,监听网络状态，监听live-player/liver-pusher状态

weixin_45274678的博客

03-19

894

uniapp小程序接入trtc-wx。

小程序直播或者视频播放，在使用live-player全屏，cover-view覆盖不上去，值得注意的地方

贤和知识点收藏

11-09

1万+

最近在做小程序视频客服这块的功能，按照官方或者是别人的写法，在拷贝的过程中存在一定的误区，具体误区为： 1、在使用live-player标签的过程中，自以为是你想的那样使用，最好是先看一两遍文档，一下是需要且多看几下的 2、官方组件live-player,在标签的开头和结尾需要注意的，具体例子下面例子有说有 <live-player src="https://domain/pul...

uniapp调用＜camera＞提示API `createCameraContext` is not yet implemented

Daily Code的博客

09-16

7345

业务需求要用到orc身份证组件，发现使用uniapp下的组件报下面的错： API createCameraContext is not yet implemented TypeError: Cannot read property ‘takePhoto’ of undefined [Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘takePhoto’ of undefined” 后来认真看了下文档发现调用的API：cre

关于uni-app直播推流无法执行回调

qq_58569936的博客

05-10

2229

我写项目用到了uni官方给出的直播推流内置组件 live-pusher 起初看了看官方文档 <template> <view> <live-pusher id='livePusher' ref="livePusher" class="livePusher" url="" mode="SD" :muted="true" :enable-camera="true" :auto-focus="true" :beauty="1" whit

UNI-APP打包H5出现API `request` is not yet implemented

Florenza的博客

12-02

7061

HBuilder X 取消摇树勾选 vscode 取消 treeshaking "h5" : { "router" : { "base" : "/dist/dev/h5", "mode" : "hash" }, "template" : "h5.template.html", "publicPath": "./", "optimization...

微信小程序直播推流

haming123的专栏

09-25

4085

j接受使用微信小程序的live-pusher组件进行直播推流

uniapp推流

starstarstarl的博客

08-16

1630

uniapp推流

uniapp开发微信小程序报错：[system] API `getUserProfile` is not yet implemented

热门推荐

cuilinlong的博客

07-16

1万+

运行到内置浏览器后仍然显示[system]API`getUserProfile`isnotyetimplemented。可是程序报错[system]API`login`isnotyetimplemented。友情提示现在不能跳转到目标页面就直接要求用户授权，必须通过用户点击才可以。在用uniapp开发微信小程序时，想获取用户的微信头像和微信用户名。最后发现，运行到小程序模拟器，微信开发者工具，再点击，就可以了！我在想是不是微信已废弃原有的微信登录api，......

uni app 使用live-pusher录制视频

weixin_45581310的博客

09-21

7486

uni app 使用live-pusher录制视频

live-pusher H5

02-12

### 如何在H5中使用 `live-pusher` 组件实现直播推流 #### 支持情况 `uni-live-pusher` 和 `uni-live-player` 这两个组件不仅可以在微信小程序等环境中使用，也能够在H5页面中应用，用于实现实时音视频通信的功能[^1]。 #### 准备工作要在H5环境下成功集成并运行`live-pusher`组件，需先确认项目的构建工具链支持该操作，并确保所使用的框架版本满足最低要求。对于`.nvue`文件的支持尤其重要，因为某些情况下只有通过这种方式才能正常使用`live-pusher`组件[^3]。 #### 配置Nginx RTMP Server 为了完成实际的推流过程，还需要配置一个RTMP服务器来接收来自客户端推送过来的数据流。这里推荐使用基于Docker快速部署的方法： ```bash docker pull tiangolo/nginx-rtmp docker run -d -p 1935:1935 --name nginx-rtmp tiangolo/nginx-rtmp ``` 这将会启动一个简单的RTMP服务实例，监听于本机的1935端口上[^4]。 #### 编写HTML结构与初始化参数接下来，在HTML文档内部定义好相应的DOM节点以及必要的属性设置，比如指定推流的目标URL、音频/视频编码格式等选项。以下是简化版的例子： ```html <template> <div id="app">  <live-pusher :url="pushUrl" mode="RTC" autopush></live-pusher>  </div> </template> <script> export default { data() { return { pushUrl: 'rtmp://your-server-ip/live/stream_key', // 替换成自己的服务器IP和stream key }; }, }; </script> ``` 注意这里的`mode`被设为`RTC`(实时传输控制协议)，这是为了让浏览器能够更高效地处理媒体数据；而`autopush`则表示一旦准备好就自动开始推流。 #### 解决兼容性问题考虑到不同平台间可能存在差异化的API行为或是权限管理机制的影响，建议开发者仔细阅读官方文档中的注意事项部分，并针对特定场景做出适当调整。例如，在较旧版本Vue环境中可能遇到的一些技术难题可以通过转换为`.nvue`形式加以规避。