live-pusher出现黑屏解决办法

最新推荐文章于 2024-11-26 11:22:38 发布

原创最新推荐文章于 2024-11-26 11:22:38 发布 · 5.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

小程序原生组件live-puhser 专栏收录该内容

1 篇文章

订阅专栏

小程序的live-pusher是属于原生组件，不能使用dom覆盖，只能使用官方提供cover-view、cover-image解决此问题：

1.出现黑屏一般分三种情况：（1）推流不成功；（2）权限授权不成功；（3）在一个是官方bug，就是渲染问题出现的黑屏；

前面两种是可以查询到报错问题，抛错；后面的黑屏没有报错，没法查询到什么问题出现黑屏，其实是渲染模式的问题，这类问题就是推流都是成功的，出现的黑屏是被遮住了，是级别渲染，改成同级渲染模式就解决问题

还有什么不懂得，可以加我微信问我，我帮大家解决（dear-151）

忘了告诉伙伴的实际解决办法了，这个要在app.json找到window对象中改下渲染属性，改成同级渲染，就可以解决第三种黑屏问题，好的，拜

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

duanFengOL

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序直播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 没有视频画面时设置默认图问题最近做了一个微信小程序版的直播小程序，期间遇到了很多问题，在此汇总

uniapp 使用摄像头 live-pusher （APP）

随身笔记

04-14

1万+

uniapp 中开发 app 时使用live-pusher踩过的坑

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

腾讯小程序音视频 TRTC live-pusher 黑屏等各种问题

前端看世界

11-11

1846

微信小程序进行音视频开发, 主要会用到 ,这两个媒体组件.在开发的过程中,会遇到各种各样的问题,其中最直接的就是黑屏问题, 以下就这个问题进行整理.暂只针对国内主体如下类目的小程序开放，需要先通过类目审核，再在小程序管理后台，「开发」-「接口设置」中自助开通该组件权限。开通该组件权限: 国内主体如下类目: 类目查看方式: 组件绑定的渲染错误事件, 会输出和 “Not allowed to use camera.”` 这两个消息. 如下图: 一般小程序会在通知中, 提前通知更新用户隐私协议相关

app中利用live-pusher推流时，断开连接界面显示黑屏

ZhaoPZe的博客

11-26

362

当点击已上传图片时，进行暂停推流(pause),上传成功、失败、结束时，进行恢复直播（resume）问题：正常直播，推流、拉流无问题，但是当离开了界面后，进行其他操作，再回来，直播界面会显示黑屏。需求：开启直播后，点击上传，选择手机相册图片后，进行图片上传。

live-pusher 推流失败，报errCode[-1]

top_explore的博客

03-16

1110

原因：推流签名使用的时间戳使用了毫秒时间戳，应该改为秒

uniapp video android真机中黑屏只有声音没有画面

weixin_57286220的博客

03-23

8742

在使用uniapp的video组件的时候，遇到进入页面播放正常，但再次进入重新加载页面后，会出现黑屏但有声音的问题。因为需求是要在离开页面后不再播放视频，所以这里在onShow时绑定视频组件，并开始播放： <video id="myVideo" :src="videosrc" object-fit="cover" :autoplay="true" loop="true" controls="false" custom-cache="false" enable-play-gesture="false"

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

qq_58569936的博客

05-10

2495

我写项目用到了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

微信小程序实时音视频功能简析(live-pusher与live-player)

最新发布

11-22

2. 如何解决 live-player 播放直播流黑屏无响应的问题？ 3. uniappx 中 live-player 组件是否支持暂停和恢复播放？如何实现？ 4. uniappx 中 live-player 组件的事件有哪些？分别代表什么状态？以下是关于 uniappx...

uniapp嵌套webview h5调用前置摄像头闪退问题

qq_42715869的博客

09-25

2004

App使用webview加载h5，实现人脸验证功能，首次调起前置摄像头快照大概率闪退问题。

uniapp制作app的nvue组件live-pusher聚焦框问题

bs521521的博客

06-13

1021

uniapp制作app的nvue组件live-pusher出现白色聚焦框问题

微信小程序live-pusher那些坑

Dreawer微信小程序联盟

02-07

2万+

最近在做用微信小程序实现实时通话，一个页面同时使用了live-pusher和live-player。中途踩了许多坑，在这里做一下总结，希望能帮到大家。 1问题：Live-player播着播着没声音了原因：对live-pusher进行start, stop,resume等操作时，会停止所有正在播放的live-player的声音。（暂时没发现调用live-pusher的pau

liver-pusher,.nvue,css,利用livePusher完成在首页加载时拍照并回显到页面，没有使用RTMP协议。

m0_47999208的博客

06-18

865

liver-pusher,.nvue,css,利用livePusher完成在首页加载时拍照并回显到页面。

打包时未添加livepusher模块

nihaio25的博客

07-05

1451

可以看到HBuilderx V3.0.1开始就支持livepusher模块了。但是这时候你肯定会跟我一样的懵逼，我去哪里拿这个SDK去哪里拿？？？？？注意官方介绍的使用这个包是错的！！！！是错的！！！！是错的！！！！应该是media_livepusher-realase.aar文件包出现这次失误的原因是官方的文档没有进行一个实时的更新，其实HTML5+ 还是挺好用的，只是你不熟，官方的没有及时更新，然后导致我们看文档吃力，才会导致我们开发如此吃力。

Uniapp 视频播放器运行到微信小程序后黑屏解决

qq_42516774的博客

08-17

1670

发现这个之后，我开启本地服务器，然后将资源放到服务器上，通过http的url路径就可以使视频正常播放了。

uniapp推流

starstarstarl的博客

08-16

1793

uniapp推流

uni app 使用live-pusher录制视频

weixin_45581310的博客

09-21

8108

uni app 使用live-pusher录制视频

live-pusher

01-10

### 关于 `live-pusher` 组件 #### 使用说明 `live-pusher` 是微信小程序提供的用于推流的组件，支持实时音视频数据推送至服务器。该组件允许开发者配置诸如摄像头方向、镜像模式以及美颜等级等参数，从而满足不同场景下的需求[^1]。属性 | 描述 ---|--- device-position | 设置前后置摄像头，默认值为 back 表示后置摄像头；front 则表示前置摄像头。 enable-camera | 是否开启摄像头，默认为 true。 beauty | 美颜级别设置，取值范围0~9, 数字越大美化程度越高。 mirror | 镜像模式设定，true 开启 false 关闭，默认关闭。此表仅列举部分常用属性，更多细节可以参照官方文档或相关资料获取更多信息[^2]。 #### 示例代码下面是一个简单的 `live-pusher` 组件的应用实例： ```html <view class="container">  <button type="primary" bindtap="startPush">开始推流</button> <button type="warn" bindtap="stopPush">停止推流</button> <live-pusher id="pusher" url="{{url}}" mode="standard" autopush="{{false}}" beauty="{{8}}" whiteness="{{7}}" device-position="{{position}}" enable-camera="{{cameraStatus}}" mirror="{{isMirror}}"></live-pusher> </view> ``` ```javascript Page({ data: { position:'back', cameraStatus:true, isMirror:false, url:"rtmp://yourserver.com/live/streamkey", // 替换成实际地址 }, startPush:function(){ this.selectComponent('#pusher').play(); }, stopPush:function(){ this.selectComponent('#pusher').pause(); } }) ``` 上述代码展示了如何通过按钮控制推流过程，并设置了若干自定义样式选项来调整用户体验。