5

ブラウザーが Modernizr を介して Html5 オーディオをサポートしているかどうかを検出することは可能ですか? もしそうなら、これはどのように行われますか？そうでない場合、回避策はありますか？これを説明する Google のリソースはほとんどないので、助けていただければ幸いです。

4

4 に答える 4

8

はい、modernizr.audio を通じて。多くのオーディオ形式 (現在 ogg、mp3、m4a & wmv) をサポートしています。例：

var audio = new Audio();
audio.src = Modernizr.audio.ogg ? 'background.ogg' :
            Modernizr.audio.mp3 ? 'background.mp3' :
                                  'background.m4a';
audio.play();

詳細については、ドキュメントを参照してください。

于 2011-10-23T17:28:50.840 に答える
2

はい、ドキュメント(リンク)によると、Modernizr はオーディオ サポートを検出します。これには、コード サンプル (以下にコピー) も含まれています。

var audio = new Audio();
audio.src = Modernizr.audio.ogg ? 'background.ogg' :
            Modernizr.audio.mp3 ? 'background.mp3' :
                                  'background.m4a';
audio.play();
于 2011-10-23T17:29:09.927 に答える
1

私はこのコードを見つけました、そしてそれは私にとってはうまくいきました：

<!DOCTYPE html>
<html>  
<head>
<title>Play Audio</title>
<script src="script/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="script/modernizr-latest.js" type="text/javascript"></script>
<script type="text/javascript">
var currentFile = "";
function playAudio() {

    var oAudio = document.getElementById('myaudio');
    // See if we already loaded this audio file.
    if ($("#audiofile").val() !== currentFile) {
        oAudio.src = $("#audiofile").val();
        currentFile = $("#audiofile").val();
    }
        var test = $("#myaudio");
        test.src = $("#audiofile").val();
    oAudio.play();   
}

$(function() {
    if (Modernizr.audio) {
        if (Modernizr.audio.wav) {
            $("#audiofile").val("sounds/sample.wav"); 
        }
        if (Modernizr.audio.mp3) {
            $("#audiofile").val("sounds/sample.mp3");
        }
    }
    else {
      $("#HTML5Audio").hide();
      $("#OldSound").html('<embed src="sounds/sample.wav" autostart=false width=1 height=1 id="LegacySound" enablejavascript="true" >');
    }

});
</script>
</head>

<body>
<div style="text-align: center;"> 
 <h1>Click to Play Sound<br /></h1>
<div id="HTML5Audio">
<input id="audiofile" type="text" value="" style="display: none;"/><br />

<button id="play" onclick="playAudio();">
    Play
</button>
</div>
<audio id="myaudio">
    <script>
    function LegacyPlaySound(soundobj) {
      var thissound=document.getElementById(soundobj);
      thissound.Play();
    }
    </script>
    <span id="OldSound"></span>        
    <input type="button" value="Play Sound" onClick="LegacyPlaySound('LegacySound')">
</audio>

フォルダーに正しい名前のオーディオを追加し、Jquery を含むモダナイザー ファイルを追加するだけで完了です。

于 2012-09-19T16:37:22.860 に答える
0

はい。http://www.modernizr.com/docs/#installing中途半端。

于 2011-10-23T17:31:15.120 に答える