前端排查WebRtc黑屏记录

最新推荐文章于 2024-06-21 20:41:24 发布
最新推荐文章于 2024-06-21 20:41:24 发布
阅读量1.9k 收藏 4
点赞数
文章标签： 前端 webrtc android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44523653/article/details/127414387
版权
webview加载webrtc视频黑屏
摘要由CSDN通过智能技术生成

背景

本人前端开发，在做webrtc视频通话时，在部分安卓手机端，接收webrtc视频流黑屏，由于对webrtc不是太熟悉，一时不知道该如何下手排查。
第一步，发现问题的是安卓手机的webview，查看了webview版本是chrome77,于是在windows安装了chrome77的浏览器做排查，完整的browser可以接收视频流，于是怀疑问题出在webview中，又试了几个手机，发现chrome78的webview也是黑屏，于是怀疑可能是客户端解码的问题。
使用webrtc的getStats检测状态

pc.getStats()
          .then((reports) => {
   
            reports.forEach((report) => {
最低0.47元/天 解锁文章
翠莲
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Android 11 webview webrtc无法使用问题
logocool的专栏
02-07 1540
Android 11 webview webrtc无法使用问题
webRTC-android-demo-and-Server,一个webrtc android演示和一个基本nodejs服务器。它显示了p2p视频聊天。.zip
10-11
一、WebRTC演示，主要负责人
Webrtc视频黑屏问题 Android H264 硬解码支持更多的机型（cpu）-兼容源码下载
03-26
问题现象是webrtc，视频连接正常，但是视频是黑屏，不显示。原因就是原生webrtc默认支持使用了高通，英特尔和三星CPU等国际大厂的机型，很多小众的机型或者新生的CPU没有开启支持，需要我们手动添加。 修改文件：HardwareVideoEncoderFactory.java和MediaCodecVideoDecoderFactory。 依赖包是java源码，把之前以来webrtc的去掉，直接导入源码即可使用。 修改点：兼容了多种cpu的手机和电视盒子，如小米4电视，天猫魔盒，华为手机等等。 "OMX.qcom.", "OMX.Intel.", "OMX.Exynos." ,"OMX.Nvidia.H264." /*Nexus 7(2012), Nexus 9, Tegra 3, Tegra K1*/ ,"OMX.ittiam.video." /*Xiaomi Mi 1s*/ ,"OMX.SEC.avc." /*Exynos 3110, Nexus S*/ ,"OMX.IMG.MSVDX." /*Huawei Honor 6, Kirin 920*/ ,"OMX.k3.video." /*Huawei Honor 3C, Kirin 910*/ ,"OMX.hisi." /*Huawei Premium Phones, Kirin 950*/ ,"OMX.TI.DUCATI1." /*Galaxy Nexus, Ti OMAP4460*/ ,"OMX.MTK.VIDEO." /*no sense*/ ,"OMX.LG.decoder." /*no sense*/ ,"OMX.rk.video_decoder."/*Youku TVBox. our service doesn't need this */ ,"OMX.amlogic." /*晶晨芯片*/
webrtc部分手机黑屏的原因排查
yeshen.org
11-25 1385
黑屏
android 通过 webRTC给 web页面 推送MediaStream
最新发布
icedrunker的博客
06-21 427
在Android平台上，若要将MediaStream推送到Web应用，通常涉及使用WebRTC技术，这是一种支持网页浏览器之间进行实时通信（Real-Time Communication, RTC）的开源协议。在Android端：你可能需要使用诸如libjingle（Google的WebRTC native库的Java封装）或者更现代的库如OpenWebRTC、Jitsi Meet SDK等，这些库提供了与WebRTC兼容的API。
【安卓开发实战】Webview RTC 适配：实现跨平台实时通信
qq_44103359的博客
04-23 677
WebRTC是一种支持网页浏览器进行实时语音对话或视频对话的技术，它包括了一系列的API，如音频捕获、视频捕获、网络通信等。WebRTC的目标是让实时通信变得更加简单和易用。Webview RTC适配是安卓开发中实现实时通信的关键技术。通过本文的讲解和示例，开发者可以更好地了解WebRTC技术在安卓平台上的适配问题和解决方案，为自己的应用实现高质量的实时通信功能。希望本文能对您的开发工作带来帮助。
音视频开发常见问题（五）：视频黑屏
即构开发者博客
10-26 1080
对于音视频开发者来说，掌握排查问题的技术技巧方法是非常必要的，排查问题的技术方法也能够帮助开发者更好地了解音视频技术的原理和工作机制，从而更加深入地理解音视频开发中遇到的各种问题。即构基于多年实时互动领域技术的沉淀和客户服务保障，我们将推出《音视频技术常见问题FAQ》系列文章，将音视频技术领域的常见问题和经验分享出来，同时会针对具体问题附上业务通识和常用解决方案以及案例经验，希望本系列能成为你手边的音视频通识册子，帮助到开发者们快速定位问题并找到合适的解决方案。视频卡顿延时高音画不同步。
android webview 支持WebRTC吗
天涯海风的博客
07-09 5988
如果想让自己的APP支持WebRTC 协议的视频流,解决方案如下: 放弃原生WebView 我们选用腾讯的TBS , 直接上代码 1.XML 文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" x
SRS解决WebRTC黑屏问题，包括内网、公网环境黑屏
Lemon_D1999的博客
01-16 3368
candidate利用SRS服务搭建WebRTC网页播放，推RTMP流，RTC拉流，上方网址是教程。看不懂下方文章或不明配置原因可看上述教学链接！！！接下来说一下我在开发环境进行WebRTC播放搭建成功后，但是测试环境却黑屏的排查历程，历经一个月，各种黑屏原因几乎都排查过了，最后通过研究源码解决了黑屏加载问题！解决SRS的问题，看日志永远是第一位！！！解决不了就去源码里研究！！有奇效。
Android WebRTC简介
热门推荐
Charon_Chui的专栏
05-30 1万+
Android WebRTC简介 WebRTC简介 WebRTC WebRTC名称源自网页实时通信(Web Real-Time Communication)的缩写，是一个支持网页浏览器进行实时语音对话或视频对话的技术，是谷歌2010年以6820万美元收购Global IP Solutions公司而获得的一项技术。Google于2011年6月3日开源的即时通讯项目，旨在使其成为客户端视...
视频服务器(10) Kurento[5] 浏览器无法播放问题
llhswwha的专栏
12-18 4538
目录 一、安装TURN server（尝试失败）。 二、使用免费TURN 三、Chrome不能播放WebRtc视频的问题 3.1 服务端分析 3.2 客户端分析 3.3 解决方案 前面碰到的公网，firefox无法播放视频的问题，提示 ICE failed, add a TURN server and see about:webrtc for more details 现在测...
webrtc视频在线示例
12-02
android 实现webrtc，示例 github 资源的google开源的webrtc 视频通信对话 协议 rtp / rtcp webview 等 ，视频，聊天等
srs webrtc前端拉流播放（附带测试地址）
03-09
在这个场景中，我们将探讨如何使用SRS与WebRTC结合，实现在前端拉取流并进行播放。 首先，了解WebRTC的基本架构。WebRTC包含三个主要组件：RTCPeerConnection、RTCDataChannel和RTCIceCandidate。RTCPeerConnection...
前端使用kurento实现rtsp流转webRtc播放
02-16
本文将详细介绍如何使用Kurento Media Server在后端实现RTSP流转WebRTC播放，并在前端进行相应的集成。 **一、Kurento Media Server** Kurento是基于开源项目OpenH264和WebRTC构建的媒体服务器，它提供了一套...
基于Springboot实现的多人视频在线会议服务器前端(webrtc)源码
10-16
标题中的“基于Springboot实现的多人视频在线会议服务器前端(webrtc)源码”表明了这是一个使用Spring Boot框架构建的，支持多人视频通话的在线会议系统。其前端部分利用了WebRTC技术，这是一种允许浏览器之间进行...
基于Springboot实现的多人视频在线会议服务器前端(webrtc项目)源码+使用说明.7z
12-18
基于Springboot实现的多人视频在线会议服务器前端(webrtc项目)源码+使用说明.7z 【多人视频在线会议-后端源码】https://download.csdn.net/download/DeepLearning_/87317683 视频会议的前端 使用webrtc实现图像传输...
Android WebView加载webrtc视频通话
北海之灵的博客
08-02 1万+
最近需要做个Web端和移动端视频通话的功能，使用了webrtc来实现。在android端使用WebView来加载webrtc页面。 Web端发起视频通话请求时，可以使用极光推送来通知移动端，然后移动端做出响应。 注意，在targetSdkVersion版本大于23时，有可能出现移动端视频无法显示的情况（摄像头不自动打开），这时需要动态授权。 1.AndroidManifest.xml文件添加...
webrtc实现浏览器录音
05-26
WebRTC (Web Real-Time Communications) 是一个支持浏览器之间实时通信的技术，包括语音、视频和数据传输等。在浏览器中实现录音功能可以利用 WebRTC 中的 MediaStream API。 以下是基本的代码示例： ```html <audio id="recordedAudio"></audio> <button id="startRecording">开始录音</button> <button id="stopRecording">停止录音</button> <script> var stream; var recorder; var audio = document.querySelector('audio#recordedAudio'); var startRecordingButton = document.querySelector('button#startRecording'); var stopRecordingButton = document.querySelector('button#stopRecording'); startRecordingButton.onclick = function() { navigator.mediaDevices.getUserMedia({ audio: true }) .then(function(userMediaStream) { stream = userMediaStream; recorder = new MediaRecorder(stream); recorder.start(); console.log('开始录音'); }) .catch(function(err) { console.log('无法获取用户媒体流', err); }); } stopRecordingButton.onclick = function() { recorder.stop(); stream.getTracks().forEach(function(track) { track.stop(); }); console.log('停止录音'); } recorder.ondataavailable = function(event) { audio.src = URL.createObjectURL(event.data); } </script> ``` 这段代码中，我们通过 `navigator.mediaDevices.getUserMedia` 获取用户媒体流，并且创建一个 `MediaRecorder` 对象来进行录音。当开始录音时，我们将 `MediaRecorder` 对象的状态设置为 `recorder.start()`。当停止录音时，我们停止 `MediaRecorder` 对象，并停止所有的媒体轨道。最后，我们将录音的数据转换成 URL 用于播放。 需要注意的是，该示例代码只是一个基本的实现。在实际开发中，还需要处理录音过程中可能出现的各种错误和异常情况。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值