HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了HTML5和audio-tag:不包含文件扩展名的重定向链接无法加载到FF / Chromium中大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
关于< audio>我有一个恼人的问题.标签和FF / Chromium作为媒体将无法播放,我期望它. Opera似乎正确处理它.

我们使用相应的HTML5< audio>来播放音频媒体.标签. < source>标签包含仅音频OGG容器中的媒体.@H_616_7@但是,文件扩展名ogg不在src属性中,因此src-links看起来像http://localhost:1234/a/b/cdefg/Xyz(Restful API使用重定向获取实际的媒体文件).

以下代码是应显示HTML5播放器的网页的一部分:

<div class="mainContent">
    <audio id="aud1" height="360" width="640" autoplay="false" controls="controls" tabindex="0">
    <source type="audio/ogg" src="http://localhost:1234/a/b/cdefg/Xyz"></source>
    Your browser does not support HTML5.
    </audio>
    <div class="divider"></div>
    <a class="homeLink" href="/index.html">Take me BACk to the Homepage</a>
    </div>

正在播放的媒体绝对是一个纯音频OGG文件.

我已在Ubuntu 10.04 FF5.0,Chromium 12.0.742.91(87961)和Opera 11.50上测试了此代码,结果如下:

> FF:不回放@H_616_7@> Chromium:不回放@H_616_7@>歌剧:好的

我集成了一个小脚本显示HTMLMediaElement的不同属性(属性:networkState,readyState,请参阅),产生以下结果:

> FF => networkState:NETWORK_LOADED(媒体源已完成加载),readyState:HAVE_NOTHING(没有可用于播放的媒体)@H_616_7@>铬=> networkState:NETWORK_LOADED(媒体源已完成加载),readyState:HAVE_NOTHING(没有可用于播放的媒体)@H_616_7@> Opera => networkState:NETWORK_IDLE,readyState:HAVE_ENOUGH_DATA

(请注意,不同状态的描述来自Safari Dev站点http://developer.apple.com/library/safari/#documentation/AudioVideo/Reference/HTMLMediaElementClassReference/HTMLMediaElement/HTMLMediaElement.html)

如果我插入一个直接指向纯音频OGG文件(如http://en.wikipedia.org/wiki/File:Tromboon-sample.ogg)的src,那么它会按预期工作.@H_616_7@似乎FF和Chromium似乎有链接问题,不包括最终文件名?

有没有人有这个想法或暗示?

干杯,@H_616_7@克里斯

解决方法@H_801_40@
我知道你已经修复了它,但请确保你没有错过任何MIME类型:

HTML5< video>

.ogv
video/ogg

.webm
video/webm

HTML5< audio>

.oga
audio/ogg

.mp3
audio/mp3

HTML5< video> <音频>

.mp4
video/mp4

.ogg
application/ogg

大佬总结

以上是大佬教程为你收集整理的HTML5和audio-tag:不包含文件扩展名的重定向链接无法加载到FF / Chromium中全部内容,希望文章能够帮你解决HTML5和audio-tag:不包含文件扩展名的重定向链接无法加载到FF / Chromium中所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。