【问题标题】:How to play audio file in html webpage如何在html网页中播放音频文件
【发布时间】:2013-10-05 21:46:37
【问题描述】:

这是我的代码:

<embed src="upload/audiofile/<?php echo $row['filename']; ?>"  height="12px" width="150px" controller="true" autoplay="false" autostart="false" />

我使用此代码在网页中播放音频文件,但它在某些浏览器和其他系统中不起作用我需要在网页中播放音频文件的确切格式以支持具有相同视图的所有浏览器。

【问题讨论】:

  • 根据 W3Schools 的说法,“所有主流浏览器都支持 标签。” 你在尝试什么浏览器?
  • 我在 Firefox 中尝试过它的工作正常,但在 chrome 中它无法正常显示一些不同类型的播放器图像@Adam Zapp,我还尝试在另一个系统中显示空白空间
  • 这里是解决方案w3schools.com/html/html_sounds.asp
  • 嗯...每个浏览器都有其内置的音频和视频播放器。如果你想显示一种播放器,你应该找到一个 SWF 播放器,你无法控制浏览器中的播放器类型

标签: jquery html css audio xhtml


【解决方案1】:

CSS

音频{ 宽度:300px; 高度:30px; }

HTML

<audio controls="controls">
     <source src="resources/demo-audio.ogg">
     <source src="resources/audio.mp3"> 
</audio>

&lt;audio&gt; 是一个 html5 标签。 Chrome 支持大多数 mp3 文件扩展名。
Firefox 默认支持*.ogg

【讨论】:

  • 老兄检查此链接w3schools.com/html/html5_audio.aspfirefox 支持除mp3(部分)以外的所有内容
  • Firefox 使用 QuickTime player 播放 mp3 文件!
  • 是的,我正在使用 Quick time player,它工作正常,但另一个系统 IE 不工作@Adam Zapp
  • 我建议你使用自己的播放器,比如jPlayer: Audio demo
【解决方案2】:

要自动播放,您可以在 html 中使用它:

<audio controls autoplay>
    <source src="/sounds/music.mp3" type="audio/mpeg">
</audio>

【讨论】:

猜你喜欢
  • 2014-01-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-07-30
  • 1970-01-01
  • 2013-03-30
  • 2012-01-28
相关资源
最近更新 更多