`
fengjianquan9527
  • 浏览: 33113 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Firefox HTTP“Content-Type”中的“audio/x-mpeg”不支持

 
阅读更多
    今天在折腾网页播放mp3时,遇到一个问题。就是IE等能够正常加载*.mp3文件,但是火狐无法加载这个文件报错如下:HTTP“Content-Type”中的“audio/x-mpeg”不支持。更奇怪的是,部署到tomcat下面是无法显示的,静态页面通过file:///../../*.mp3是可以播放加载的。后来百度了一下,果然有人遇到类似的问题,但是他的做法是将mp3转为mav格式,虽然成功了但是这个是不是问题的根本。突然想到两种场景的区别应该是Tomcat服务器这块。

      突然想到项目的Web.xml文件中可以配置MIME类型的,于是乎果断添加以下代码到Web.xml:
  <mime-mapping>
  <extension>mp3</extension>
  <mime-type>audio/mpeg</mime-type>
</mime-mapping>
果然结果出来了,这样就可以完全IE、FF都可以加载了。


记录分享一下,如果有哪位遇到相同的问题,可以参照一下。


希望那位兄弟也能解决这个问题。下面给一下Web.xml常用的MIME的类型配置:
<mime-mapping>
<extension>doc</extension>
<mime-type>application/msword</mime-type>
</mime-mapping>
<mime-mapping>
<extension>xls</extension>
<mime-type>application/msexcel</mime-type>
</mime-mapping>
<mime-mapping>
<extension>pdf</extension>
<mime-type>application/pdf</mime-type>
</mime-mapping>
<mime-mapping>
<extension>zip</extension>
<mime-type>application/zip</mime-type>
</mime-mapping>
<mime-mapping>
<extension>rar</extension>
<mime-type>application/rar</mime-type>
</mime-mapping>
<mime-mapping>
<extension>txt</extension>
<mime-type>application/txt</mime-type>
</mime-mapping>
<mime-mapping>
<extension>chm</extension>
<mime-type>application/mshelp</mime-type>
</mime-mapping>
<mime-mapping>
  <extension>mp3</extension>
  <mime-type>audio/x-mpeg</mime-type>
</mime-mapping>
1
0
分享到:
评论

相关推荐

    php文件类型对照表.pdf

    对于开发者来说,理解这个对照表的意义在于能够正确设置HTTP响应头中的Content-Type字段,保证浏览器能正确解析和展示文件内容。此外,当处理用户上传的文件时,可以利用PHP的`mime_content_type()`函数或者`finfo_...

    HTML 提示文档

    ... ...它由Tim Berners-Lee于1991年发明。... &lt;option value="Firefox"&gt; &lt;/datalist&gt; ``` 以上仅为部分HTML元素的详细介绍。每种元素都有其独特的用途和属性,熟练掌握这些元素对于构建高效且功能丰富的网页至关重要。

    HTML 5 标签参考

    &lt;source src="horse.mp3" type="audio/mpeg"&gt; Your browser does not support the audio element. &lt;/audio&gt; ``` ##### 12. `&lt;b&gt;` - **用途**:定义加粗文本。 - **示例**: ```html &lt;p&gt;This is &lt;b&gt;bold&lt;/b&gt; ...

    web课程设计网页规划与设计:鲜花网站设计——基于HTML+CSS+JavaScript制作网上鲜花网页设计(5页)

    - **浏览器:** 使用Chrome、Firefox、Safari等主流浏览器进行测试和调试。 #### 2. 图像处理 - **工具:** 使用Photoshop或其他图像处理软件来优化图片大小和质量,确保加载速度的同时保持良好的视觉效果。 #### 3....

    hls.min.js

    AUDIO_TRACK_SWITCH:"hlsAudioTrackSwitch",AUDIO_TRACK_SWITCHING:"hlsAudioTrackSwitching",AUDIO_TRACK_SWITCHED:"hlsAudioTrackSwitched",AUDIO_TRACK_LOADING:"hlsAudioTrackLoading",AUDIO_TRACK_LOADED:...

    html5实现完美兼容各大浏览器的播放器

    &lt;source src="yangcong.mp3" type="audio/mpeg"&gt; &lt;/audio&gt; ``` 然而,单纯使用`&lt;audio&gt;`标签并不能确保在所有浏览器中的兼容性。为了实现全兼容,我们需要利用JavaScript库,比如jQuery和jQuery jPlayer。jQuery ...

Global site tag (gtag.js) - Google Analytics