javascript - rails 点击图片播放音频
问题描述
我正在尝试在单击图像时播放音频文件。我目前正在使用最新版本的 Ruby on Rails。我从另一篇文章中找到了这段代码。
<a onclick="document.getElementById('yourAudioTag').play();">
<img src="yourSrc.jpg">
</a>
我在导入时遇到问题。我不确定是否必须使用 Rails 设置 Javascript。我目前将代码放在 assets/javascripts、application.js 中。在 Javascript 可以与 Rails 一起使用之前,我必须采取什么程序吗?
解决方案
您必须替换yourAudioTag
为实际的 DOM 查询选择器。
因此,如果您将音频标签命名为:
<audio id="rock-on" src="some_audio.mp3"></audio>
您必须替换document.getElementById('yourAudioTag').play();
为document.getElementById('rock-on').play();
.
推荐阅读
- python-3.x - Pyinstaller 无法使用 sklearn 编译项目
- java - 我需要从 Java 的属性文件中读取 @salt_key@ 和 @Secret_key。即在Java代码中声明
- python - Gstreamer 放大特定频率
- ruby - 在 MAC OS Mojave 10.14.6 上安装 Jekyll
- maven - Wildfly 没有看到 .xhtml 扩展名
- javascript - 将id(主键)发送到Node(Mongo,Psql)中的2个不同数据库
- numpy - FFmpeg 正在减慢输出视频的速度,我不知道为什么
- php - 将所选值保存在选择 html 中
- ruby-on-rails - Rails 6 中的 Lightbox2 未加载
- javascript - 更改拖放插件的布局设计