React-native混合开发视频播放有声音无画面问题排查记录

最新推荐文章于 2023-08-25 20:01:12 发布
最新推荐文章于 2023-08-25 20:01:12 发布
阅读量419 收藏
点赞数
文章标签： 音视频 react native react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011384369/article/details/130411777
版权

在项目开发过程中，因需要播放视频所以在项目中引用了react-native-video来播放视频，在播放中发现可以正常播放出声音，但是没有画面，凌乱的不知道是什么情况了：

 经过一顿乱操作，发现视频没有问题，使用react-native-video的demo做了一个例子，也是可以播放的，于是只能从日志里面进行排查了，从日志里面也找到了对应的说明：

 W/TextureView: A TextureView or a subclass can only be used with hardware acceleration enabled.

这个是什么鬼，难道app的硬件加速没有开启？这个也会影响视频播放，毕竟经验不足，只能去做一番尝试，也终于在Mainifest中找到了hardwareAccelerated这个配置了，还真是不知道被什么时候设置成了false

那就把这个改成true，或者删掉，再重新运行下项目，发现真的好了，也算是个经验，记录下 

晓的风
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【稀饭】react native 系列教程之已有项目接入React Native
画虎烂的专栏
10-11 7335
概述本文是基于目前公司的一个真实项目编写的，由于是边实践边记录，遇到什么问题和如何解决的，所以你看这篇文章的时候，可能有时候会觉得不是很流畅，特此说明。引入React Nativebuild.gradle配置compile 'com.facebook.react:react-native:+'react-native的res使用到了23sdk的资源，因此编译的sdk要求是23compileSdkVe
h5在页面嵌入video时，只有声音没有画面
weixin_30377461的博客
02-26 730
视频不光区分格式，相同的格式的情况下还区分编码。 使用格式工厂转化转化视频文件时，不但要选择视频格式，在选择了视频格式之后，还有选择相应的视频编码： 普及知识： - MP4 = MPEG4文件使用 H264 视频编解码器和 AAC 音频编解码器。 - WebM = WebM文件使用 VP8 视频编解码器和 Vorbis 音频编解码器。 - Ogg = Ogg文件使用 Theora 视频...
react中一个音频或视频播放的时候其他音视频暂停播放
qq_53768302的博客
12-28 1898
又来记录了 需求：一个音频或视频播放的时候，除了这个播放的音频或视频，其他的音频和视频都要暂停播放。 思路： 1.首先获取所有的音视频ID，存到一个数组。获取播放的ID。 2.把获取播放的ID从所有的音视频ID中去除，放到differenceSet数组中。 3.用循环挨个把differenceSet中的ID关闭。 *具体的1、2、3实现可在代码中找到 代码： import React, { Component } from 'react'; export default class Te
video标签播放视频，有声音无图像的解决办法
热门推荐
illidan_TLD的博客
05-06 3万+
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264" poster="test.png" data-setup="{'example_option':true}"> 今天在使用video播放
android WebView加载视频只有声音没有画面
WarmPure
05-28 1595
检查AndroidManifest中application节点是否有次配置 android:hardwareAccelerated="false"
Android webView混合内容导致视频播放失败
最新发布
Jackie Yang
08-25 666
如果你的网页中有混合内容（即同时使用了HTTPS和HTTP），可能会导致WebView无法加载视频。1 尝试将所有内容都切换到HTTPS。
ReactNative开发的iOS和Android弹出对话框
08-08
9. **错误处理和调试**：在实际开发中，可能会遇到平台兼容问题、样式冲突等问题，需要熟练使用React Native的调试工具和日志输出进行问题排查。 10. **性能优化**：考虑到弹出对话框可能会影响应用的性能，开发者...
ReactNative的中文参考资料包括开源库文字视频资料相关工具等
08-10
5. **社区与论坛**：参与React Native的社区讨论，如GitHub上的开源项目、Stack Overflow、CSDN等论坛，可以获取最新的开发资讯，解决遇到的问题，甚至参与项目贡献。这些社区是开发者互相学习和交流的重要平台。 6...
一个用于ReactNative框架的纯JavaScript的杂志listview
08-10
9. **调试与测试**：学会在iOS和Android平台上使用React Native的调试工具，进行问题排查和性能分析。 10. **持续集成与部署**：了解如何将项目集成到CI/CD流程中，自动化构建和发布应用。 学习和研究这个“杂志...
一款使用ReactNative框架编写的知乎日报App
08-10
ReactNative作为混合开发工具，让开发者可以使用一种语言（JavaScript）开发跨平台的应用，降低了开发成本，提高了开发效率。 4. **项目结构分析**： "zhihudailyrn-master"这个文件名暗示了这是一个GitHub项目的...
react-video：使用内置视频标签时，加载网址时会出现黑屏，并偶尔闪烁。 该组件可改善用户体验并解决黑屏问题
03-02
React视频 使用内置视频标签时，加载URL时会出现黑屏，并偶尔闪烁。 该组件可改善用户体验并解决黑屏问题 用法与内置完全相同
解决小程序video控件在真机黑屏问题
01-05
解决小程序video控件在真机播放时视频黑屏问题，下载后执行如下命令： mp4box.exe -inter 500 -isma -hint 123.mp4
react视频播放组件Griffith的基本使用
m0_52364694的博客
11-18 438
一、安装 yarn add griffith 二、使用 import Player from 'griffith' const sources = { hd: { play_url: 'https://zhstatic.zhihu.com/cfe/griffith/zhihu2018_hd.mp4', }, sd: { play_url: 'https://zhstatic.zhihu.com/cfe/griffith/zhihu2018_sd.mp4', }, } r
react native 调用原生UI组件 视频播放组件
ln1010的博客
01-05 1549
本文章向大家介绍react native 调用原生UI组件，主要内容包括Java端实现、Js端实现、native层向js发送消息事件、js层向native层发送命令、基本概念、基础应用、原理机制和需要注意的事项等，并结合实例形式分析了其使用技巧，希望通过本文能帮助到大家理解应用这部分内容。
关于React-Native-Video这个组件，也就这么多了吧
weixin_44809405的博客
04-16 1991
前情提要 之前有写过对react-native-video这个组件的基础功能介绍，本次为react-native-video使用对拓展介绍，包括我在实际开发过程中遇到的一些小问题以及解决方案。 开始 基于对实际产品对需要，要求这个视频组建不单单对视频对播放，还有对视频进行相关控制，例如全屏显示，声音调节，进度调节，进度显示，声音，速率等等。 全屏显示 在做全屏显示的时候主要是对Android系统的...
video标签播放本地视频只有声音没有图像的解决办法-视频转码格式工厂或FFmpeg
細水、長流√的专栏
03-14 3388
会发现只有h264编码的MP4视频（MPEG-LA公司）、VP8编码的webm格式的视频（Google公司）和Theora编码的ogg格式的视频（iTouch开发）可以支持html5的标签。MP4有3种编码，MPEG4(DivX)、MPEG4(Xvid)、AVC(H264)；对于视频编码问题，下载了“格式工厂”，将输出配置里面的编码改为 AVC(H264) ，导出视频。再次本地播放问题解决。对于视频编码问题，下载了“格式工厂”，将输出配置里面的编码改为 AVC(H264) ，导出视频。
A TextureView or a subclass can only be used with hardware acceleration enabled.
农村打工仔的博客
03-05 588
今天播放视频突然发现无法播放了，然后就报出了一个警告，如下： A TextureView or a subclass can only be used with hardware acceleration enabled. 基本上如果你想让你的TextureView进行硬件加速， 你必须保证硬件加速在TextureView的上下文的一些级别上是可用的基本上如果你想让你的TextureView进行硬件加速， 你必须保证硬件加速在TextureView的上下文的一些级别上是可用的。 原来是没有开启硬件加速，上
React-Native-Video视频组件使用（一）
weixin_44809405的博客
04-09 3395
前言 最近在使用React-Naitve实现视频组件的过程中遇到了很多坑，在网上查了好多资料都是单纯的罗列API，今天功能实现了，把实现过程中的一些心得分享给大家～ 简单介绍 React-Native-Video是在React-Native中实现视频播放的组件，其自带的API完全满足基本的视频播放需求，但是如果有切换全屏显示的需求还需要配合React-Native-orientation这个库来使...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值