ruby-on-rails-3 – Rails link_to和audio_tag

概述当我在Rails中使用link_to标记时,我正试图找出在后台播放wav文件的最佳方法(类似 HTML5). 这是我的一个观点的示例link_to： <%= link_to 'At Station', at_station_mdt_index_path, :class => 'btn btn-success btn-medium', :method => :put, :remote => true 当我在Rails中使用link_to标记时,我正试图找出在后台播放wav文件的最佳方法(类似 HTML5).

这是我的一个观点的示例link_to：

<%= link_to 'At Station',at_station_mdt_index_path,:class => 'btn btn-success btn-medium',:method => :put,:remote => true %>

我想弄清楚当按下按钮时如何使用audio_tag来触发声音.我尝试在link_to ERB中组合audio_tag,但得到各种语法错误.

任何例子都将非常感谢.

更新时间01/04 / 14-10：18am CT：声音一次正确发射.但是,由于将link添加到link_to链接不再触发rails路径来更改对象,因此只播放声音

查看代码：

<%= link_to 'En Route',en_route_mdt_index_path(:call_ID => call.ID),:class => 'btn btn-warning btn-medium',:remote => true,:ID => "er" %>            <%= link_to 'On Scene',on_scene_mdt_index_path(:call_ID => call.ID),:ID => 'to',:class => 'btn btn-primary btn-medium',:ID => "os"  %>            <%= link_to 'To Hospital',to_hospital_mdt_index_path(:call_ID => call.ID),:ID => "to" %> <audio ID="en-route"  preload="true">    <source src="audios/en-route.wav" type="audio/wav"></audio><audio ID="on-scene"  preload="true">    <source src="audios/on-scene.wav" type="audio/wav"></audio><audio ID="to-hospital"  preload="true">    <source src="audios/to-hospital.wav" type="audio/wav"></audio><script>$('#er').click(function (e) {    e.preventDefault();    $('#en-route')[0].currentTime = 0;    $('#en-route')[0].play();    return true;});$('#os').click(function (e) {    e.preventDefault();    $('#on-scene')[0].currentTime = 0;    $('#on-scene')[0].play();    return true;});$('#to').click(function (e) {    e.preventDefault();    $('#to-hospital')[0].currentTime = 0;    $('#to-hospital')[0].play();    return true;});</script>

解决方法 这是播放wav文件的简单示例：

http://jsfiddle.net/84pav/

HTML：

<a href="JavaScript:voID(0)" ID="playsound">At Station</a><audio ID="sound_effect"  preload="auto">    <source src="http://www.villagegeek.com/downloads/webwavs/alrighty.wav" type="audio/wav"></audio>

JavaScript的：

$('#playsound').click(function (e) {    $('#sound_effect')[0].currentTime = 0;    $('#sound_effect')[0].play();    return false;});

我在播放前设置currentTime = 0使其始终从头开始播放.

它不适用于IE,因为IE不支持wav文件.

总结

以上是内存溢出为你收集整理的ruby-on-rails-3 – Rails link_to和audio_tag全部内容，希望文章能够帮你解决ruby-on-rails-3 – Rails link_to和audio_tag所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。