用Android WebView播放html audio

最新推荐文章于 2023-09-13 15:43:31 发布

WeLoveSunFlower

最新推荐文章于 2023-09-13 15:43:31 发布

阅读量1.1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Android

本文链接：https://blog.youkuaiyun.com/WeLoveSunFlower/article/details/20388407

项目需求是客户端使用webview显示html内容，html网页部分包括音频，后台使用audio标签显示音频，一开始在android webview上显示黑框，也不能播放音频（有的手机可以，有的手机不行，我用小米2和三星N7108测试的都不可以）

代码如下：

<audio src="http://www.scottandrew.com/mp3/syfy/01%20-%20Scott%20Andrew%20-%20More%20Good%20Days.mp3" controls="controls"></audio>

查了资料，controls：唯一可选值为controls，出现controls属性并准确赋值时，音频播放控件将会显示，控件包括：播放、暂停、定位、音量、全屏切换、字幕（如果可用）、音轨（如果可用）。

分析可能android 浏览器对audio支持的不好，

然后尝试尽量兼容浏览器的写法：

<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>

测试仍然显示黑框，但是点击黑框可以播放/暂停音频

然后尝试用div+css控制播放器界面，jquery控制音频播放，最终实现webview播放audio的效果

完整代码如下：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

WeLoveSunFlower

关注关注

1
点赞
踩
2

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Android Webview 使用Html播放音频文件

agoodcoolman的专栏

05-20

6930

之前在百度里面搜索了好久都没有搜到，这里要进行记录一下主要内容记录：在Webview中使用Html5的audio的标签进行网络语音音频的播放，样例代码： <#assign ctx=request.contextPath> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3....

android webview——webview播放音频/视频的问题

boolean的博客

09-12

9255

很多人都遇到过如果在webview中的网页播放了视频或者音频的话，你退出webview后声音还在继续，或者下次进入的时候url失效。这里说几点webview播放音频、视频遇到的问题，如果你有以下问题那么就可以按照这篇博客加以修正。

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

Android WebView 录音

03-08

4982

权限列表 <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.RECORD_AUDIO" /> <uses.

Android使用的webcview中带有音乐播放控件,在关闭或分享时处于界面不可见状态下,声音仍在播放的问题解决

jackron2014的博客

08-22

4242

Android使用的webcview中带有音乐播放控件,在关闭或分享时处于界面不可见状态下,声音仍在播放的问题解决一. 问题出现原因我们在做APP分享时,分享webview加载带有音乐播放控件的网页.当弹出分享界面,webview的网页处于后台状态或关闭该网页时,音乐声仍在播放.出现该类现象使我们所不能容忍,也会给用户一个不好的印象,网上有几种解决办法,但都有不尽如意的地方

Android Webview中解决H5的音视频不能自动播放的问题

JoeySheng的专栏-移动互联网技术发展博客

08-17

9955

今天在开发webview的时候，当加载有声音的H5的时候，声音不会自动播放，必须手动触摸一下屏幕，声音才会播放出来，虽然在H5文件中设置了autoplay属性，也调用了play方法，依然不能自动播放，最后通过在webview中调用js方法来解决。代码如下： view.loadUrl("javascript:(function() { " + "var videos

Android WebView 停止Audio音频播放的方法

u013478336的专栏

11-05

8000

OK，各位，这是原创，转载注明chu'qu

关于Android HTML5 audio autoplay无效问题的解决方案

01-21

前言：在android HTML5 开发中有不少人遇到过 audio 标签 autoplay在某些设备上无效的问题，网上大多是讲怎么在js中操作，即在特定的时刻调用audio的play()方法，在android上还是无效。一、解决方案在android 4.2...

Android应用源码-浏览器&WebView&JS&HTML5类源代码（8例）.zip

10-22

4. **HTML5技术**：HTML5是超文本标记语言的最新版本，为移动应用开发提供了更强大的功能，如离线存储（Web Storage）、多媒体播放（Audio/Video标签）、地理定位（Geolocation API）和Canvas绘图等。在Android的...

android控制webview音频播放本地/web播放源切换

麦心小姐的博客

07-13

2097

这篇文章写在音频已经从网络上通过截取url并下载的方式下载到本地之后 url格式：emodou://mp3player?action=play&src=xx/xx/xx.mp3 web端点击播放时，web调用android的 play(url) 和 pause(url）进行听力音频的播放，如果是口语，则需要加上id参数，即play(url,id)；当android在播放音频的过程

webview加载html,播放音视频，响应js事件

07-24

webview加载html,播放音视频，响应js事件的小例子。其中还没有解决的问题是:点击系统的返回键时音频还在继续播放(视频播放停止了)。

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

小程序内嵌webview使用audio播放音频

最新发布

Zmikoo学习之路

09-13

889

【代码】小程序内嵌webview使用audio播放音频。

webview播放php音乐,Android WebView不能自动播放背景音乐

weixin_30015509的博客

03-20

275

今天接到客户反馈的一个问题：广告位设置的是一个街景图，有背景音乐，不能自动播放，必须点击一下屏幕，才会播放音乐，而且退出App后，音乐竟然没有停止；一、退出后音乐没有停止解决方案：将webview的生命周期与activity的生命周期绑定webview生命周期与activity绑定二、不能自动播放背景音乐解决方案：1、网上的方案大多是再OnPageFin通过查找HTML中的audio标签，调用au...

android webview media player,HTML5 <audio>标签在Android Webview中不起作用

weixin_28839699的博客

05-26

367

使用Android的Mediaplayer播放音频。您需要从用HTML文件编写的JavaScript调用Android函数。WebViewwv=(WebView)findViewById(R.id.webview);wv.addJavascriptInterface(newWebAppInterface(this),"Android");publicclassWebAppInter...

android webview中的音乐的暂停与播放

weixin_33736649的博客

12-06

439

前段时间有这样一个需求，webview显示一个带音乐的网页，在播放音乐的时候进入第三方软件暂停播放，返回时继续播放。后来参考了两篇文章解决了这个问题。 AudioManager audioManager = (AudioManager) mContext.getSystemService(Context.AUDIO_SERVICE); OnAudioFocusChangeLis...

WebView 允许自动播放声音解决回到桌面webview还在播放音视频的问题

pengtaQ的博客

01-17

3838

在webview中默认自动播放的声音是会被拦截的只有点击的声音才会播放，想要自动播放的时候就需要设置 webview.getSettings().setMediaPlaybackRequiresUserGesture(false); 回到桌面需要停止声音的播放 AudioManager audioManager; AudioManager.OnAudioFoc...

android webview media player,停止在WebView中由网页自动启动Android MediaPlayer

weixin_39934869的博客

05-26

191

我的Android应用程序的一项活动包含一个显示GrooveShark播放器网页的WebView.当用户点击网页的播放按钮时,活动会自动启动播放该轨道的默认MediaPlayer.一切正常,问题出现在用户关闭此活动和MediaPlayer时,虽然不再播放音轨,但它仍然存在……即使应用程序关闭,MediaPlayer仍然存在.杀死它的唯一方法就是强迫应用程序停止……我似乎没什么大不了的,但在某些设备...

WebView无法播放声音和视频等几个常见问题