小程序开发之组件live-pusher（实时音视频录制）

最新推荐文章于 2025-05-15 09:12:35 发布
原创 最新推荐文章于 2025-05-15 09:12:35 发布 · 1w 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序

本文介绍了小程序中的live-pusher组件，用于实时音视频录制。该组件为原生组件，使用时存在特定限制，仅对部分国内主体小程序开放，并需要用户授权camera和record权限。内容涵盖live-pusher的属性，包括错误码(errCode)、状态码(code)和网络状态数据(info)，同时提醒开发者注意默认宽高设置和在开发者工具上的不支持情况。最后，提到了相关API wx.createLivePusherContext和等待图片属性的支持情况。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

live-pusher

实时音视频录制。该组件是原生组件，使用时请注意相关限制。
暂只针对国内主体如下类目的小程序开放，需要先通过类目审核，再在小程序管理后台，“设置”-“接口设置”中自助开通该组件权限。
在这里插入图片描述

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

live-pusher属性在这里插入图片描述在这里插入图片描述

错误码（errCode）

最低0.47元/天 解锁文章

200万优质内容无限畅学
uniapp+微信小程序+仿微信视频聊天+点击小窗切换+全屏拖动小窗（live-player+live-pusher）+完整代码
apple_70049717的博客
03-04 1535
实时音视频播放，也称直播拉流，通俗的解释一下就是就是接受聊天对面视频的容器，你和朋友在微信小程序里视频聊天，你的手机需要。如果你是app不是使用 live-player，而是直接使用 video 组件。这块也就是把你摄像头对着的内容（自拍的话就是你自己）推到服务器上。主要是使用live-player、live-pusher。url就是推流地址，还有什么美颜啥的看文档即可。实时音视频录制，也称直播推流。这个是大屏 big-box。：定义可拖动的区域，内部包含。，然后播放出来，这就是。内部自由拖动的组件。
音视频小程序端常见问题
weixin_69626842的博客
05-11 1961
小程序的环境要求是怎样的？ 微信 App iOS 最低版本要求：7.0.9 微信 App Android 最低版本要求：7.0.8 小程序基础库最低版本要求：2.10.0 由于小程序测试号不具备 <live-pusher> 和 <live-player> 的使用权限，请使用企业小程序账号申请相关权限进行开发。 由于微信开发者工具不支持原生组件（即 <live-pusher> 和 <live-player> 标签），需要在真机上进行运行体验。 不支持
微信小程序live-pusher那些坑
03-29
最近在做用微信小程序实现实时通话，一个页面同时使用了live-pusher和live-player。中途踩了许多坑，在这里做一下总结，希望能帮到大家。   1问题：Live-player播着播着没声音了。 原因：对live-pusher进行start, stop,resume等操作时，会停止所有正在播放的live-player的声音。（暂时没发现调用live-pusher的pause会引起这个问题。） 两种解决方案： 一种是避免在live-player播放后操作live-pusher。比如进页面直接开启live-pusher，然后不再操作。官方DEMO就是使用这种方案。 第二种，则是每次操作l
小程序+音视频1：live-pusher
weixin_44727080的博客
08-29 2577
是小程序内部用于支持音视频上行能力的功能标签
uniapp使用live-pusher进行人脸识别打卡(安卓跟ios)
Small world
05-15 766
以plus开头的方法都是属于HTML5+环境调用的方法。plus不能在浏览器环境下使用，它必须在手机APP上才能使用，因为以安卓为例，他是操纵webview的API。在5+中，我们在使用plus之前要监听HTML5+环境是否已经加载完毕，而在uniapp中，则可以直接调用，可以参看uni-app使用plus注意事项。
uni app 使用live-pusher录制视频
weixin_45581310的博客
09-21 7841
uni app 使用live-pusher录制视频
微信小程序官方组件展示之媒体组件live-pusher源码
软件事业部的博客
10-17 552
以下将展示微信小程序之媒体组件live-pusher源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。功能描述：实时音视频录制（v2.9.1 起支持同层渲染）。需要用户授权 scope.camera、scope.record。
实时音视频功能简析(live-pusher与live-player)
qzmlyshao的博客
02-24 3098
属性名类型默认值说明srcString用于音视频下行的播放 URL，支持 RTMP、FLV 等协议modeStringlive模式。live（直播），RTC（实时通话，该模式时延更低）autoplayBooleanfalse是否自动播放mutedBooleanfalse是否静音Stringverticalvertical（垂直），horizontal（水平）object-fitStringcontain填充模式，可选值有。
uniapp中怎么使用live-pusher录制视频
最新发布
07-30
在UniApp中，`live-pusher`组件用于实时音视频录制（即直播推流），支持在小程序平台（如微信小程序）上捕获摄像头视频流并推送到指定服务器[^1]。下面我将逐步指导你如何集成和使用该组件，确保代码结构清晰、可...
uni-app 开发微信小程序，接入腾讯云TUICallKit能不能通过嵌套h5页面的方式，绕过微信小程序的<live-pusher>组件的开通权限问题
05-14
微信小程序要求音视频功能必须通过原生组件`<live-pusher>`/`<live-player>`实现，且必须通过`wx.authorize`显式申请权限[^1][^2]。 2. **H5页面限制** 小程序内通过`<web-view>`加载的H5页面： - 无法直接...
微信小程序实现livepusher推流时控制屏幕方向（orientation）
布克吉的博客
02-22 887
通过改变livepusher中的orientation 属性，改变拉流视频画面的方向，此方法根据设备变化自动感应，避免了手动切换方向的麻烦。关于下方的监听设备方向也可以尝试，但效果不太理想而且麻烦。：只能逆时针切换横屏，顺时针则画面会旋转90°。已经到了解决这个问题的进度，其他就不多说了。根据介绍使用Promise风格，在。小程序API->设备->中使用以下函数进行监听。
微信小程序直播播放页面代码live-player标签
10-02
微信小程序直播播放页面代码live-player标签，可用于微信小程序直播开发
微信小程序直播live-player和live-pusher踩坑记录
热门推荐
小歲月丶太着急
05-31 1万+
实现一个直播小程序难题汇总记录知识点记录1、live-player的展现方式1）live-player 全屏问题2）在全屏后的live-player上加视图，安卓机无法展示的问题3）解决live-player 放在scroll-view上的问题4）live-player 可以上下滑动问题5）live-pusher 可以上下滑动问题6）live-player 没有视频画面时设置默认图问题7）live-player 没有视频画面时设置默认图问题 最近做了一个微信小程序版的直播小程序，期间遇到了很多问题，在此汇总
记录--实时音视频功能简析(live-pusher与live-player)
林恒的博客
02-07 2287
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 使用须知 2017年下半年，微信6.5.21版本支持在线音视频功能。开发者可以通过两个音视频组件 和 实现实时地在线直播、视频通话、语音通话等功能。 上述功能需要用到两个小程序媒体组件中的两个： live-pusher 与 live-player 。下文简单介绍两这个组件的基础知识。仅可以带你入门，如果是高手请绕行。 注册小程序...
EasyPusher实现安卓Android手机直播推送同步录像功能（源码解析）
jyt0551的博客
02-28 3390
EasyPusher是一款非常棒的推送客户端。稳定、高效、低延迟，音视频同步等都特别好。装在安卓上可作为一款单兵设备来用。说到单兵，在项目中通常都需要边传边录的功能，因此后来EasyPusher也加入了该特性。该文章将结合代码来阐述下这个功能是如何实现的。EasyPusher在设置里增加了相关选项来方便开启和关闭本地录像功能，如下图所示，在设置里勾选后就可以推送的同时进行录像了。EasyPusher
uniapp app端如何使用live-pusher实现camera效果
weixin_61659587的博客
05-09 2140
uniapp app端如何使用live-pusher实现camera效果
uniapp利用内置组件live-pusher和video实现app端的简单视频聊天功能
jdhrucn的博客
09-20 3738
完成上面的操作之后，就可以配置我们的nginx了，找到nginx.conf文件。然后在live-pusher输入我们的rtmp地址就行自己电脑的ip地址加上配置好的端口 1935（这样我们的单项视频聊天就实现了，要想实现双向的，就重复上面的操作，再建一个组件进行推流和拉流就可以了。网上有很多的搭建流媒体的软件。我这里用的是nginx搭建的流媒体服务。2.当我们把前端页面搭建之后，就得考虑到推流的视频流放在哪里，拉流从哪里拉到视频流。js代码的方法都是uniapp官方提供的，用来控制推流的。
微信小程序学习记录（6）媒体组件audio，camera，image，live-player，live-pusher,video
spider_man
01-13 668
camera 相机，摄像，扫描二维码 组件相关：https://developers.weixin.qq.com/miniprogram/dev/component/camera.html 接口相关api：https://developers.weixin.qq.com/miniprogram/dev/api/media/camera/wx.createCameraContext.html ...
微信小程序 live-pusher 实时音视频录制 组件
java1234的博客
06-08 2676
完整微信小程序(Java后端) 技术贴目录清单页面（必看） 实时音视频录制（v2.9.1 起支持同层渲染）。需要用户授权 scope.camera、scope.record。 暂只针对国内主体如下类目的小程序开放，需要先通过类目审核，再在小程序管理后台，「开发」-「接口设置」中自助开通该组件权限。 一级类目/主体类型 二级类目 小程序内容场景 社交 直播 涉及娱乐性质，如明星直播、生活趣事直播、宠物直播等。选择该类目后首次提交代码审核，需经当地互联网主管机关审核确认，预计审核时长7天左右
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值