Nền tảng chéo, cách trình duyệt chéo để phát âm thanh từ Javascript?

Question

Tôi đang viết một ứng dụng dhtml tạo ra một mô phỏng tương tác của một hệ thống. Dữ liệu cho mô phỏng được tạo từ một công cụ khác và đã có một lượng dữ liệu kế thừa rất lớn.

Một số bước trong mô phỏng yêu cầu chúng tôi phát các clip âm thanh "lồng tiếng". Tôi đã không thể tìm thấy một cách dễ dàng để thực hiện điều này trên nhiều trình duyệt.

Soundmanager2 đến khá gần với những gì tôi cần, nhưng nó sẽ chỉ phát tệp mp3 và dữ liệu cũ cũng có thể chứa một số tệp .wav.

Có ai có bất kỳ thư viện nào khác có thể trợ giúp không?

Answer 1

Bạn sẽ phải bao gồm một plug-in như Real Audio hoặc QuickTime để xử lý các tập tin .wav, nhưng điều này nên làm việc ...

//====================================================================== 
var soundEmbed = null; 
//====================================================================== 
function soundPlay(which) 
    { 
    if (!soundEmbed) 
     { 
     soundEmbed = document.createElement("embed"); 
     soundEmbed.setAttribute("src", "/snd/"+which+".wav"); 
     soundEmbed.setAttribute("hidden", true); 
     soundEmbed.setAttribute("autostart", true); 
     } 
    else 
     { 
     document.body.removeChild(soundEmbed); 
     soundEmbed.removed = true; 
     soundEmbed = null; 
     soundEmbed = document.createElement("embed"); 
     soundEmbed.setAttribute("src", "/snd/"+which+".wav"); 
     soundEmbed.setAttribute("hidden", true); 
     soundEmbed.setAttribute("autostart", true); 
     } 
    soundEmbed.removed = false; 
    document.body.appendChild(soundEmbed); 
    } 
//====================================================================== 

Answer 2

Tôi tin rằng cách đơn giản và thuận tiện nhất là phát âm thanh bằng cách sử dụng một đoạn Flash nhỏ. Tôi đánh giá cao nó không phải là một giải pháp JavaScript nhưng nó là cách dễ nhất để đạt được mục tiêu của bạn

Một số liên kết thêm từ trước similar question:

• Scriptaculous, thư viện javascript: http://github.com/madrobby/scriptaculous/wikis/sound
• một dự án flash mã nguồn mở: Easy Musicplayer Đối với Flash http://emff.sourceforge.net/

Answer 3

Nếu bạn đang sử dụng Prototype, thư viện Scriptaculous has a sound API. jQuery appears to have a plugin cũng vậy.

Answer 4

Nếu bạn đang sử dụng Mootools, có MooSound plugin.

Answer 5

mã dacracots là phần cơ bản sạch sẽ, nhưng có thể được viết mà không có suy nghĩ thứ hai? Tất nhiên bạn kiểm tra sự tồn tại của một đoạn mã trước đó trước và lưu các dòng tạo bản sao trùng lặp.

var soundEmbed = null; 
//===================================================================== 

function soundPlay(which) 
{ 
    if (soundEmbed) 
     document.body.removeChild(soundEmbed); 
    soundEmbed = document.createElement("embed"); 
    soundEmbed.setAttribute("src", "/snd/"+which+".wav"); 
    soundEmbed.setAttribute("hidden", true); 
    soundEmbed.setAttribute("autostart", true); 
    document.body.appendChild(soundEmbed); 
} 

Đến với suy nghĩ ở đây khi quét tìm giải pháp cho tình huống tương tự. Thật không may trình duyệt của tôi Mozilla/5.0 (X11; U; Linux i686; en-US; rv: 1.9.0.15) Gecko/2009102814 Ubuntu/8.04 (hardy) Firefox/3.0.15 chết khi thử điều này.

Sau khi cài đặt bản cập nhật mới nhất, firefox vẫn bị treo, opera vẫn hoạt động.

Answer 6

Bạn có thể sử dụng thẻ HTML5 <audio>.

Answer 7

Tôi thích câu trả lời của dacracot ... đây là một giải pháp tương tự trong jQuery:

function Play(sound) { 
    $("#sound_").remove() 
    $('body').append('<embed id="sound_" autostart="true" hidden="true" src="/static/sound/' + sound + '.wav" />'); 
} 

Answer 8

<audio controls> 
    <source src="horse.ogg" type="audio/ogg"> 
    <source src="horse.mp3" type="audio/mpeg"> 
Your browser does not support the audio element. 
</audio> 

Xem http://www.w3schools.com/html/html5_audio.asp để biết thêm chi tiết.

Answer 9

Có một giải pháp đơn giản hơn nhiều so với việc này hơn là phải sử dụng các trình cắm thêm. IE có thuộc tính bgsound riêng của nó và có một cách khác bạn có thể làm cho nó hoạt động cho tất cả các trình duyệt khác.Hãy xem hướng dẫn của tôi tại đây = http://www.andy-howard.com/how-to-play-sounds-cross-browser-including-ie/index.html