Rails link_to和audio_tag

 你的美丽来自我的设计 发布于 2023-02-08 10:36

当我在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', :method => :put, :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', :method => :put, :remote => true, :id => "os"  %>
            <%= link_to 'To Hospital', to_hospital_mdt_index_path(:call_id => call.id), :class => 'btn btn-warning btn-medium', :method => :put, :remote => true, :id => "to" %>

 






Tyler Nguyen.. 5

这是播放wav文件的简单示例:

http://jsfiddle.net/84pav/

HTML:

At Station


JavaScript的:

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

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

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

1 个回答
  • 这是播放wav文件的简单示例:

    http://jsfiddle.net/84pav/

    HTML:

    <a href="javascript:void(0)" id="playsound">At Station</a>
    
    <audio id="sound_effect" class="audio_player" 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文件.

    2023-02-08 10:40 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有