android3 WebView有声音无画面问题

最新推荐文章于 2021-05-28 16:40:03 发布
转载 最新推荐文章于 2021-05-28 16:40:03 发布
· 3.4k 阅读 · 0

本文介绍如何在Android应用中实现对不同屏幕尺寸的支持，并确保应用能在较低版本的Android系统上正常运行。通过设置应用的配置文件，启用硬件加速，并调整WebView组件的插件兼容性，使得应用在Android 2.1及以上版本均能良好运行。

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

 <supports-screens
        android:anyDensity="true"
        android:largeScreens="true"
        android:normalScreens="true"
        android:resizeable="true"
        android:smallScreens="true" />
    <!--配置最小sdk版本为2.1 -->
    <uses-sdk android:minSdkVersion="7" />


<application
        android:name=".ApplicationData"
        android:hardwareAccelerated="true"
        android:icon="@drawable/icon"
        android:label="@string/app_name" >

  1. webview.getSettings().setPluginsEnabled(true);//支持所有版本  
为了兼容性用setPluginsEnabled(true)这个方法吧，否则用setPluginState(WebSettings.PluginState.ON)这个方法在2.1及以下版本程序执行到这里都会报错。 

最后呢，打一个安装包就可以了，虽然是用3.0的sdk开发，但是2点多的版本一样照跑不误
kkdgdfgdf
关注
Android Webview中解决H5的音视频不能自动播放、只有声音没有图像的问题
qq_25611187的博客
12-23 8895
开发webview的时候，当加载有声音的H5的时候，声音不会自动播放，必须手动触摸一下屏幕，声音才会播放出来，虽然在H5文件中设置了autoplay属性，也调用了play方法，依然不能自动播放，最后通过在webview中调用js方法来解决。    代码如下： view.loadUrl("javascript:(function() { " + "var videos = d
android webview全屏时自动切换横屏,安卓 webview播放视频及横屏
weixin_27283495的博客
05-25 5713
问题描述：在项目中，会有在webview嵌入的网页中播放视频的需求，本来以为Android的WebView应该是默认支持视频播放的，不会有太大的问题，但是经过测试后，发现两个大问题：有些手机无法正常播放视频，出现白屏或者只有声音没有画面等，还有不能对视频进行操作(比如播放、暂停、自动播放等)视频无法全屏播放视频在webview中正常播放：这个只需要在对应的Activity中加入android:ha...
Android WebView 播放视频的问题（只有声音没有图像）
热门推荐
JoeySheng的专栏-移动互联网技术发展博客
08-03 1万+
使用Android自带的Webview加载带有视频的网页，出现视频只有声音没有图像的问题，究其原因，需要对webview添加硬件加速，只要对webview添加即可，代码如下 mWebView.setLayerType(View.LAYER_TYPE_HARDWARE, null); 不对webview所在的activity添加也是可以的。
Android中Webview中解决H5音视频播放有声音无画面，页面关闭还有声音的问题
01-20
Webview中关于H5音视频有声音无画面的问题 android通过Webvoew加载一个H5页面,H5里面有一个视频，之前还好好的，突然发现，视频只有声音没有画面，好奇怪，最终找到解决方案，记录一下，方便以后用到 1，application标签下增加以下代码 android:requestLegacyExternalStorage=true 2，webview增加以下配置，为webview开启硬件加速 webview.setLayerType(View.LAYER_TYPE_HARDWARE, null); 3，当前webview关闭之后，声音还在响，没有暂停，增加以下代码 @Ov
android WebView加载视频只有声音没有画面
WarmPure
05-28 1812
检查AndroidManifest中application节点是否有次配置 android:hardwareAccelerated="false"
webview 播放视频无画面有声音
hejias的专栏
03-13 3551
除了网上说的啥硬件加速开启，和插件开启，还是不行 将红色删掉就行          android:layout_height="0.0dip"             android:layout_weight="1.0"             android:layerType="software"
android播放html5视频，仅仅有声音没有图像视频
weixin_34204057的博客
11-01 318
在AndroidManifest.xm中l增加 &lt;activity .... android:hardwareAccelerated="true" /&gt;  
WebView播放视频白屏、不能全屏问题解决
冰码思维库
11-07 3226
在项目中，会有在webview嵌入的网页中播放视频的需求，会在部分手机上出现白屏或有声音无画面等问题，并且存在全屏按钮点击无效果的问题。
android设备上视频只有声音没有图像
Hello,你好!
02-25 4725
android里在html上用video打开视频： ctrlContent.html(" ");     此时也许页面的视频只有声音没有图像，解决方法是在androidmainfest.xml加上android:hardwareAccelerated="true"即可；如下图：
Android 使用WebView浏览有声音或者视频的网页，关闭WebView之后，声音或者视频不停止的解决办法...
weixin_34032621的博客
11-23 535
笔者最近使用Eclipse开发Android移动应用app，其实有一个功能是使用Android系统自带的WebView控件加载Web页面。开发很顺利，浏览也很正常。不过有个比较特殊的一点就是加载的Web页面中有声音或者视频。在包括WebView的Activity被Finish之后。声音或者视频仍然在后台播放，声音也不停止。再一次打开Activity之后，会重复的播放声音或者视频。 此问题绝对是不...
安卓浏览器WebViewJSHTML5相关-AndroidWebViewcache缓存腾讯X5内核在线视频播放.rar
07-29
Android WebView cache 缓存 腾讯X5内核在线视频播放.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
Webview播放网络视频并实现全屏显示，解决声音问题
08-12
Webview 在线播放网络视频并实现全屏功能，并且适用于5.0以上系统，解决退出声音问题，全屏声音调整问题。
关于android视频播放开发中 播放视频只有声音没有图像的问题解决方案
熊二大人
07-04 6837
android 播放视频时可能出现只有视频声音没有图像的现象，出现这种情况一般有一下几种可能： 1.视频本身问题。换个视频看看结果。 2.分辨率设置问题。holder.setFixedSize(width,heigh); 设置分辨率的方法应通过handler 在主线程设置。 3.没有设置MediaPlayer.setDisplay(SurfaceHolder sh)方法，或设置位置错误，
Android如何解决WebView打开网页不能自动播放声音的问题？
weixin_30721077的博客
03-21 1169
Android在Api Level 17增加了一个WebView的配置： WebSettings.getMediaPlaybackRequiresUserGesture(); WebSettings.setMediaPlaybackRequiresUserGesture(boolean); 详见android dev文档： https://developer.android.com/ref...
android原生webview打开优酷腾讯或者自己做的视频网页无声音无法播放等问题
天下皆白，唯我独黑
03-20 1154
错误解决方案1：开启硬件加速 错误解决方案2：开始数据缓存 错误解决方案3：等等 重要原因1：自己做的H5网页使用的是http的url的链接 重要原因2：从Android5.0开始，WebView默认不支持同时加载Https和Http混合模式 解决方案2： 1、重写WebViewClient中的shouldOverrideUrlLoading方法 private class we...
Android webview点击视频播放卡住 黑屏 点击播放有声音但画面卡住或者黑屏的分析
kururunga的博客
03-29 2156
最近webview结果页加载出现这个问题很头疼，因为你在log根本看不到什么有用的信息，即使有，就像我碰到的这个问题，看测试给的log是这个： 2021-03-29 14:41:12.754 21510-21544/com.journeyui.globalsearch I/ui.globalsearc: Explicit concurrent copying GC freed 1040234(25MB) AllocSpace objects, 20(14MB) LOS objects, 49% free,.
Android使用Webview播放Swf文件，实现与Flash数据交互
博由心生，福泽一生
05-11 1万+
HDSwfPlayer 谷歌中国API链接:https://developer.android.google.cn 支持swf播放以及html带swf的播放。 支持swf与js的交互。 自动写入flash信任路径。 提供播放回调。 Android版本不要超过4.3。 目录 如何导入到项目 如何使用 关于我 License 如何导入到项目 支持本地Mo
WebView无法播放声音和视频等几个常见问题
a1525371383的博客
07-23 1万+
1.音频无法播放问题 原因:网页内置音乐无法自动播放 涉及到Html5 WebView加载H5页面及自动播放网页内置的音乐的方法 同样解决音频无法播放和视频只有声音没有画面问题 第一个方法解决了H5游戏打包后 无法播放声音的问题; 2.视频加载问题 1.Android WebView 总结 —— 使用HTML5播放视频及全屏方案 2.网页重定向和退出时视频还在播放 3.页面返回网页...
android中的webview遇到的各种坑
u010746364的博客
12-29 1709
（转载）https://www.zhihu.com/question/31316646 //----------------------------------------------------------------------------------------------------------------------------------- 总结： （1）openFile
用uniapp +vue2开发一个安卓app其中一个页面有一个连续扫描并识别快递单号的功能，并且扫描相机内嵌在页面中，相机要使用5+app的plus.camera创建。使用第三方二维码识别库jsQr。 扫描到的快递放到相机下方可以删除。需要开始扫描和停止扫描按钮 页面要美观
最新发布
02-27
<think>好的，我现在需要帮用户解决使用Uniapp和Vue2开发安卓App中的一个扫描快递单号页面。用户的需求包括内嵌相机、连续扫描、使用jsQR库、展示扫描结果并提供删除功能，还有开始和停止按钮，同时页面要美观。 首先，我需要确认技术选型。用户已经明确要用Uniapp+Vue2，5+的plus.camera创建相机，以及jsQR库。接下来要考虑的是如何整合这些技术。 关于相机部分，使用5+的API创建相机视图是关键。但要注意，HBuilder的真机调试可能需要，因为模拟器可能不支持。同时，相机需要内嵌在页面中，所以得用plus.camera的CameraView来覆盖在webview上。这涉及到调整CameraView的位置和大小，确保它嵌入到页面布局里。 然后是连续扫描的问题。可能需要定时截取相机预览的画面，传递给jsQR进行识别。这里需要注意性能问题，比如截图的频率不能太高，否则可能导致卡顿。可能需要使用requestAnimationFrame或者setInterval来控制频率，比如每秒10次左右。 接下来是二维码识别的部分。jsQR需要图像数据，所以从相机获取的截图需要转换成合适的格式。可能需要使用Canvas来绘制图像，然后提取ImageData。需要注意的是，图片的方向和尺寸可能需要调整，比如如果是竖屏，可能需要旋转或缩放。 扫描结果的展示和删除功能相对简单，可以用Vue的v-for循环数组，每个结果旁边有删除按钮。数据绑定应该没问题，但要注意数组更新的响应式问题，可能需要使用Vue.set或者数组的变异方法。 开始和停止按钮的逻辑需要控制相机的开启和关闭，以及扫描的启停。开始按钮要初始化相机并启动扫描循环，停止按钮则要停止循环并释放相机资源。这里要注意资源管理，避免内存泄漏。 页面美观方面，可能需要使用Flex布局或者Grid来排列相机视图和结果列表。颜色搭配和间距要合适，按钮样式要统一，可能用Element UI或者自定义CSS。 可能遇到的坑包括：相机权限问题，需要确保AndroidManifest.xml中声明了相机权限；相机预览的方向问题，可能需要根据设备旋转调整；jsQR识别率问题，可能需要调整图像处理的参数；还有性能优化，比如减少不必要的图像处理，或者使用Web Worker来避免阻塞主线程。 测试时需要注意真机环境，特别是不同Android设备的兼容性。还有连续扫描时的防抖处理，避免重复识别同一个二维码。可能需要记录最近扫描的结果，避免短时间内重复添加。 总结步骤应该是：搭建页面结构，创建相机视图，实现截图和识别逻辑，处理扫描结果，添加控制按钮，最后进行样式优化和测试。</think>以下是用Uniapp+Vue2实现快递单号扫描功能的详细方案（基于5+ API和jsQR）： ```html <template> <view class="container"> <!-- 相机占位容器 --> <view id="cameraView" class="camera-container"></view> <!-- 控制按钮 --> <view class="controls"> <button @click="toggleScan" :disabled="processing" class="btn"> {{ isScanning ? &#39;停止扫描&#39; : &#39;开始扫描&#39; }} </button> </view> <!-- 扫描结果 --> <view class="result-list"> <view v-for="(item, index) in results" :key="index" class="result-item"> <text>{{ item }}</text> <button @click="removeItem(index)" class="delete-btn">×</button> </view> </view> </view> </template> <script> import jsQR from &#39;jsqr&#39; export default { data() { return { isScanning: false, results: [], camera: null, preview: null, processing: false, scanInterval: null } }, methods: { async toggleScan() { if (this.isScanning) { this.stopScan() } else { await this.startScan() } }, async startScan() { // 初始化相机 this.camera = plus.camera.getCamera() this.camera.startVideoCapture( async () => { this.isScanning = true this.scanInterval = setInterval(this.scanFrame, 300) // 300ms扫描间隔 }, error => console.error(&#39;摄像头启动失败:&#39;, error) ) }, async scanFrame() { if (this.processing) return this.processing = true try { const img = await new Promise((resolve, reject) => { this.camera.captureFrame(resolve, reject) }) // 图像处理 const canvas = new plus.nativeObj.Canvas(&#39;tempCanvas&#39;, { width: img.width, height: img.height }) canvas.drawImage(img, 0, 0) const imageData = canvas.getImageData(0, 0, img.width, img.height) // 二维码识别 const code = jsQR(imageData.data, imageData.width, imageData.height, { inversionAttempts: &#39;attemptBoth&#39; }) if (code) { this.handleScanResult(code.data) } } catch (e) { console.warn(&#39;扫描出错:&#39;, e) } finally { this.processing = false } }, handleScanResult(code) { // 简单的快递单号校验（根据实际需求完善） if (/^[A-Za-z0-9]{10,20}$/.test(code)) { if (!this.results.includes(code)) { this.results = [code, ...this.results].slice(0, 10) // 保留最新10条 } } }, stopScan() { clearInterval(this.scanInterval) if (this.camera) { this.camera.stopVideoCapture() this.camera = null } this.isScanning = false }, removeItem(index) { this.results.splice(index, 1) } }, beforeUnmount() { this.stopScan() } } </script> <style scoped> .container { display: flex; flex-direction: column; height: 100vh; } .camera-container { flex: 1; background-color: #000; position: relative; } .controls { padding: 20rpx; background: #fff; } .btn { background-color: #007AFF; color: white; border-radius: 8rpx; padding: 15rpx 30rpx; } .result-list { max-height: 30vh; overflow-y: auto; padding: 20rpx; background: #f5f5f5; } .result-item { display: flex; justify-content: space-between; align-items: center; padding: 20rpx; margin: 10rpx 0; background: white; border-radius: 8rpx; box-shadow: 0 2rpx 6rpx rgba(0,0,0,0.1); } .delete-btn { color: #ff4444; font-size: 40rpx; padding: 0 20rpx; background: transparent; } </style> ``` **实现要点说明：** 1. **相机初始化：** - 使用`plus.camera.getCamera()`获取相机对象 - 通过`startVideoCapture`启动视频捕获 - 相机视图通过nativeObj覆盖在Webview上 2. **扫描逻辑：** - 使用`setInterval`控制扫描频率（300ms） - 通过`captureFrame`获取当前帧画面 - 使用Canvas转换图像数据为jsQR需要的格式 3. **性能优化：** - 添加processing状态防止重复处理 - 限制历史记录最多保留10条 - 使用原生Canvas处理图像数据 4. **注意事项：** - 需要添加相机权限：在manifest.json中配置`<uses-permission android:name="android.permission.CAMERA"/>` - 真机调试时需要添加Android本地插件 - 建议在`pages.json`中禁用页面滚动： ```json { "path": "pages/scan/index", "style": { "navigationBarTitleText": "扫码", "disableScroll": true } } ``` **扩展优化建议：** 1. **扫描框UI增强：** - 添加扫描动画和准心框 - 增加成功/失败的声音反馈 - 添加手电筒控制按钮 2. **识别优化：** - 添加图像灰度处理 - 实现多二维码同时识别 - 添加自动缩放识别功能 3. **错误处理：** - 添加相机不可用时的提示 - 处理横竖屏切换时的布局适配 - 添加网络请求失败的重试机制 4. **性能提升：** - 使用Web Worker处理图像识别 - 动态调整扫描频率（静止时降低频率） - 添加内存泄漏检测 实际部署前建议进行以下测试： 1. 不同光照条件下的识别率测试 2. 连续扫描稳定性测试（1小时以上） 3. 不同Android机型兼容性测试 4. 内存占用监控测试
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值