html - HTML 中多首歌曲的简单自定义播放按钮

标签 html audio button

我想做的就是在我的页面上发布几首歌曲,用户在该页面上按下我创建的自定义图像。我不想使用 Flash,因为我希望它能在 iPad 和 iPhone 上运行。但我想创建一个可爱的播放按钮,而不是标准控制台。

谢谢!!!

最佳答案

看看这个 example . 它使用 HTML5 audio 标签

HTML

<a onclick="this.firstChild.play()" class="button">
   <audio src="http://upload.wikimedia.org/wikipedia/commons/a/a9/Tromboon-sample.ogg">
   </audio>
&#9658;</a>​

这适用于您想要播放的任意数量的音频文件。看这个example这需要多个来源。

查看此 example已针对美学进行了更新。

关于html - HTML 中多首歌曲的简单自定义播放按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9830651/

相关文章:

css - JavaFX - CSS 1px 溢出按钮

html - 从 html 按钮溢出的文本似乎与应用的样式形成对比

javascript - 从特定 div 传递时更改颜色 Navigation Div

html - 如何使用 flexbox 将链接保持在底部?

javascript - 如何创建多层 Accordion 菜单?

c++ - Visual C++ 按钮的透明背景颜色

jquery - 无法在弹出式灯箱上的文本字段中输入

java - 使用 Java Sound API 捕获声音时遇到 LineUnavailableException

asp.net - HTML5 音频仅在我单步执行 javascript 时播放

c# - Windows Audio 8.1 XAML背景音频崩溃