html audio解决浏览器无法播放问题

电玩女神 2023-02-21 14:14 4阅读 0赞

本人在开发后台的时候顺便写前台界面

需要做播放录音的时候使用html的audio进行播放录音

<audio src="${mediaPath}" controls></audio>

但是在使用过程中发现IE浏览器不支持，不能播放，如下图所示

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA4MzMxNTQ_size_16_color_FFFFFF_t_70][]

本人找了很多方法最后找到了解决方案可以播放录音，如下图所示

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA4MzMxNTQ_size_16_color_FFFFFF_t_70 1][]

成功解决IE浏览器不支持wav、MP3 等格式播放问题

代码如下

<embed  id="ieaudio" height="36"   width="300" src="${mediaPath}" menu="true" loop="false" align="

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA4MzMxNTQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200701091159480.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA4MzMxNTQ=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA4MzMxNTQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200701091303459.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA4MzMxNTQ=,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，4人围观）

还没有评论，来说两句吧...

相关阅读

相关 rtsp html播放浏览器视频播放rtsp

从摄像机获取的RTSP[视频][Link 1]流直接在浏览器中播放，这里采用vlc插件进行播放，设置步骤如下 1、下载32位的vlc播放器，安装时选择安装插件，安装路径不要有

男娘i/ 2023年10月13日 19:33/ 0 赞/ 52 阅读

相关 html audio解决浏览器无法播放问题

本人在开发后台的时候顺便写前台界面需要做播放录音的时候使用html的audio进行播放录音 <audio src="${mediaPath}" controls>

电玩女神/ 2023年02月21日 14:14/ 0 赞/ 5 阅读

相关解决 iOS 9.1 微信内置浏览器中html audio 不能自动播放的问题

解决 iOS 9.1 微信内置浏览器中html audio 不能自动播放的问题参考文章： [（1）解决 iOS 9.1 微信内置浏览器中html audio 不能自动播放

àì夳堔傛蜴生んèń/ 2022年09月13日 06:23/ 0 赞/ 12 阅读

相关解决ios audio无法自动播放、循环播放的问题

// music自动播放 var music = document.getElementById('bgm');

电玩女神/ 2022年05月31日 14:48/ 0 赞/ 267 阅读

相关 ios audio微信里无法自动播放

// music var music = document.getElementById('bgm'); va

不念不忘少年蓝@/ 2022年05月31日 13:36/ 0 赞/ 235 阅读

相关谷歌浏览器audio标签自动播放音乐问题解决

前面一篇博客中有audio标签自动播放音乐的代码，可是后来再打开页面时音乐自动播放报错了；看了网上的一些帖子才知道原来在4月份谷歌浏览器做了改革，不止谷歌，其他浏览器好

古城微笑少年丶/ 2022年05月08日 08:42/ 0 赞/ 2731 阅读

相关来源：跨浏览器的HTML5 Audio解决方案 - Audio5js

日期：2013-1-22 来源：[GBin1.com][] ![跨浏览器的HTML5 Audio解决方案 - Audio5js][HTML5 Audio_ - Audio5

布满荆棘的人生/ 2022年04月10日 05:51/ 0 赞/ 240 阅读

相关 chrome浏览器下audio自动播放的hack

前言也许很多前端遇到过这个需求：消息提醒。一般来说，可以简单的实现绝不会用复杂的方式，audio标签提供了这个功能。但是，新版的chrome浏览器禁止了js

绝地灬酷狼/ 2022年03月07日 18:58/ 0 赞/ 570 阅读

相关 HTML5 中 audio 播放声音

释放 HTML5 <audio> 的力量： http://msdn.microsoft.com/zh-CN/ie/hh377903 转载于:https://www.cnbl

偏执的太偏执、/ 2022年01月12日 08:03/ 0 赞/ 321 阅读

相关解决audio控制播放音量

在写手机端项目时，可能会遇到使用audio播放音乐，那么怎样控制audio默认播放的音量呢？下面时解决办法 volume 属于是控制audio 播放音乐的音量，其范围

冷不防/ 2022年01月07日 15:07/ 0 赞/ 550 阅读