我试图限制受试者在实验中仅播放一次音频文件。我正在使用以下 html 代码:
<audio src="sound.mp3" type="audio/mp3" preload="auto" controls="controls" oncontextmenu="return false;">Audio could not be loaded.</audio>
有没有办法用html来做到这一点?如果不是,我怎样才能将其适应 JavaScript?
谢谢!
最佳答案
这取决于您的“仅播放音频文件一次”的规则:是在用户点击播放按钮时还是在用户听完整个轨道之后?
您无法在禁用 native 音频控件的同时仍让它们可见。如果您希望能够操作音频控件,则需要使用自己的 JS、HTML 和 CSS 控件。已经有相关的库了。
此外,如果您友善,您应该让用户能够在点击播放后停止音频。
这就是我要做的:
- 使用插件添加您自己的播放器控件
- 仅显示播放/停止按钮
- 编写 javascript,在以下情况下将文件标记为“已播放”:
- 玩家按下停止按钮,或
- 歌曲结束时
- 一旦音频被视为“已播放”,请禁用播放按钮
关于javascript - 允许播放一次音频 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42286696/