HTML5 音频仅显示播放暂停和静音按钮

标签 html html5-audio

我想知道是否有一种快速简单的方法来设置 HTML5 音频元素的样式以显示我想要的内容。我想知道您是否可以打开和关闭某些控件,但情况似乎并非如此。

我不需要进度条/轨迹条,也不需要显示剩余时间。我只想要一个简单的播放/暂停切换按钮,以及一个静音/取消静音切换按钮。

就是这样!有什么想法吗?

最佳答案

使用此代码,它将达到您的目的。

<!DOCTYPE html>
<html>
<body>
 <audio id="player" src="horse.ogg"></audio>
<div>
    <button onclick="document.getElementById('player').play()">Play</button>
    <button onclick="document.getElementById('player').pause()">Pause</button>
    <button onclick="document.getElementById('player').muted=!document.getElementById('player').muted">Mute/ Unmute</button>
</div>
</body>
</html>

关于HTML5 音频仅显示播放暂停和静音按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13810085/

相关文章:

javascript - 用于直播的网络音频 API?

javascript - 页面加载后立即播放音乐(在 iPhone 中)(使用 HTML5/JS)

java - java bean 中的 window.open

javascript - 在php和ajax中将图像上传到数据库

html - Rails Nested collection_select 出现在 HTML 中但不出现在屏幕上

jquery - HTML 自定义音频播放器 - 获取当前时间和总时间

javascript - 网络 worker : SetInterval and SetTimeout reliability

javascript - 动态加载音频的src并在src不存在后停止

html - 具有两个相对定位元素的 z-index IE7

html - 我无法使用 CSS 将表单放在 div 中间