HTML5播放器取代Windows Media Player插件

时间:2016-09-09 20:15:32

标签: javascript html5 audio

在研究了很多主题和不同的四分之一后,我感到茫然。我明白答案可能很简单,但我只是没有看到它。所以,我没有进一步说道,这就是我的目标。

我有一个本地托管的网页,如果在Internet Explorer中加载,目前通过Windows Media Player插件播放音频文件(WAV格式)。由于已从98%的计算机中删除了Internet Explorer,因此我希望用户可以更方便地访问此页面。因此,我的想法是直接在页面上使用音频标签对HTML5播放器进行编码。现在是棘手的部分。音频WAV文件正从数据库传送给用户。

我已经能够通过使用以下

来加载播放器
<audio controls="controls" id="player" type="audio/wav">        
Your browser does not support the audio element.
</audio>

然后我将音频文件上的代码修改为

<span jwcid="@If" condition="ognl:item.recSegment.tape != null">
<button style="border:0px; background-color: transparent;"  onclick="document.getElementById('player').play()"jwcid="@Any" src="ognl:item.recSegment.tape.Url">
<center><img jwcid="@Image" image="asset:play" alt="Play"/></center>
</button>
</span>

进行这些更改后,我打开了chrome并且没有任何反应。 然后我打开了Firefox,当点击按钮时,播放器控件从暂停状态变为播放但不加载文件。 因此,最后一次尝试我在笔记本电脑上加载了Internet Explorer,当点击该按钮时,播放器显示“错误:发生未知错误”。

我在这里感到茫然,并且知道这是我想念的简单事。有没有人有想法?

尼克

1 个答案:

答案 0 :(得分:1)

各种浏览器对各种编解码器有不同的支持。虽然每个人都认为WAV只是WAV,但是有不同的编解码器以及不同的位深度,不同的浏览器对它有不同的支持(Internet Explorer [IE]不支持WAV)。

Firefox won't play .WAV files using the HTML5 <audio> tag?

http://www.w3schools.com/html/html5_audio.asp

根据Mozilla开发者网络(MDN),支持最广泛的格式是MP3和AAC / MP4: https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats#Browser_compatibility