1

ページの読み込み時に特定のオーディオ ファイルを使用して再生しようとしています。問題は、jplayer で .mp3 または .ogg を再生する方法がわからないことです。

Firefox は .ogg をサポートしていますが、Safari と IE はサポートしていません。

したがって、ユーザーのブラウザがサポートするファイル形式をオーディオで再生したいと考えています。

私の .js ファイルのコードは次のとおりです。

$f("#jquery_jplayer_1").jPlayer({
        ready: function (event) {
            $f(this).jPlayer("setMedia", {
                oga:"http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"
            }).jPlayer("play");
        },
        swfPath: "js",
        solution: 'html, flash',
        supplied: "m4a, oga",
        wmode: "window"
    });

    $f("#jquery_jplayer_2").jPlayer({
        ready: function (event) {
            $f(this).jPlayer("setMedia", {
                oga:"http://www.davidhornbrook.com/chad/test3/template/David.ogg"
            }).jPlayer("play");
        },
        swfPath: "js",
        solution: 'html, flash',
        supplied: "m4a, oga",
        wmode: "window"
    });

    $f("#jquery_jplayer_3").jPlayer({
        ready: function (event) {
            $f(this).jPlayer("setMedia", {
                mp3:"http://www.davidhornbrook.com/chad/test3/template/David.mp3"
            }).jPlayer("play");
        },
        swfPath: "js",
        solution: 'html, flash',
        supplied: "mp3",
        wmode: "window"
    });

.html ファイルのコードは次のとおりです。

<div id="controls-wrapper" class="load-item">
                <div id="controls">
                    <a id="prevslide" class="load-item"></a>
                    <a id="play-button"><img id="pauseplay" src="img/pause.png" alt="fashion" /></a>
                    <a id="nextslide" class="load-item"></a>
                </div>
                <div id="jquery_jplayer_2" class="jp-jplayer"></div>
                <div id="jp_container_1" class="jp-audio">
                    <ul class="jp-controls">
                        <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
                        <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
                    </ul>
                </div>
            </div>

これを行う方法があると確信していますが、現在途方に暮れています。任意の助けをいただければ幸いです。chad at hornbook.com に直接メールを送信してください。

- - - - -編集 - - - - - - -

一時しのぎの手段としてこれを行いました。HTMLコードにこれを追加しました：

        <!-- Content -->
        <div class="content">
        <img src="img/HBLogo903.png" />
        </div>




<audio autoplay="">
  <source src="David.mp3" type="audio/mpeg" />
  <source src="David.ogg" type="audio/ogg" />
</audio>



        <!-- /Content -->

決して理想的な状況ではなく、IE 6/7/8で動作するかどうかわかりません.htmlの最初の行としてこれを持っています

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

みんな助けてくれてありがとう:)

4

0 に答える 0