今天在折腾网页播放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>
分享到:
相关推荐
对于开发者来说,理解这个对照表的意义在于能够正确设置HTTP响应头中的Content-Type字段,保证浏览器能正确解析和展示文件内容。此外,当处理用户上传的文件时,可以利用PHP的`mime_content_type()`函数或者`finfo_...
... ...它由Tim Berners-Lee于1991年发明。... <option value="Firefox"> </datalist> ``` 以上仅为部分HTML元素的详细介绍。每种元素都有其独特的用途和属性,熟练掌握这些元素对于构建高效且功能丰富的网页至关重要。
<source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> ``` ##### 12. `<b>` - **用途**:定义加粗文本。 - **示例**: ```html <p>This is <b>bold</b> ...
- **浏览器:** 使用Chrome、Firefox、Safari等主流浏览器进行测试和调试。 #### 2. 图像处理 - **工具:** 使用Photoshop或其他图像处理软件来优化图片大小和质量,确保加载速度的同时保持良好的视觉效果。 #### 3....
AUDIO_TRACK_SWITCH:"hlsAudioTrackSwitch",AUDIO_TRACK_SWITCHING:"hlsAudioTrackSwitching",AUDIO_TRACK_SWITCHED:"hlsAudioTrackSwitched",AUDIO_TRACK_LOADING:"hlsAudioTrackLoading",AUDIO_TRACK_LOADED:...
<source src="yangcong.mp3" type="audio/mpeg"> </audio> ``` 然而,单纯使用`<audio>`标签并不能确保在所有浏览器中的兼容性。为了实现全兼容,我们需要利用JavaScript库,比如jQuery和jQuery jPlayer。jQuery ...