1

JQTouchを使用して、オーディオファイルのリストを再生するための基本的なモバイルサイトを作成しようとしています。ここ学校の美術展で使用するトラックの簡単なプレイリストを作成しようとしています。あなたが見たかもしれないそれらのウォーキングツアーのようなものです。順序付けされていないリストのmp3ファイルにリンクすると、ブラウザがファイルを開いて再生を開始しません。それは単にゴミ箱のテキストを投げます。

これは、通常のWebブラウザーと、iPhoneおよびAndroidフォンの両方で発生します。リンク先を_blankとして指定すると、機能しますが、モバイルサイトに戻るには閉じなければならない別のウィンドウでファイルが開きます。ユーザーがリンクをクリックするだけで、電話で音声の再生を開始できるようにしたいと思います。

HTML5のオーディオタグを使用してみましたが、機能させるのに問題がありました。プレーヤーは、上記の問題を表示したり、同様のことをしたりしませんでした。

奇妙なことに、リンクをクリックした後、ブラウザはリンクが#undefinedであると表示します。

公平を期すために、私はJavascriptにそれほど優れているわけではないので、かなり明白なことかもしれませんが、これまでのところ、それは私にはわかりません。助けてくれてありがとう。

私のモックアップはhttp://trinity.edu/rchapman/iphone/で見ることができます。

4

1 に答える 1

0

HTMLのMP3ファイルに直接リンクして再生させることはできません...ここでJavaScriptを実行する必要があります。

スクリプトセクション：

変化する

<script type="text/javascript" charset="utf-8">
    $.jQTouch({
        icon: 'tower_logo.png',
        statusBar: 'black'
    });
</script>

に

<script type="text/javascript" charset="utf-8">
    $.jQTouch({
        icon: 'tower_logo.png',
        statusBar: 'black'
    });
            $(document).ready(function () {
                    var audio = $('#audio');
                    $('#audio1').tap(function() { audio.attr('src', 'audio1.mp3')[0].play()});
                    $('#audio2').tap(function () {audio.attr('src', 'audio2.mp3')[0].play()});
            });
</script>

変化する

<ul class="edgetoedge">
    <li><a href="audio1.mp3">Item 1</a></li>
    <li><a href="audio2.mp3">Item 2</a></li>
</ul>

に：

<audio id="audio"></audio>

<a href="#" class="whiteButton" id="audio1">Item 1</a>
<a href="#" class="whiteButton" id="audio2">Item 2</a>

詳細については、オーディオタグとhtml5ロックを参照してください。

于 2010-07-20T15:25:08.237 に答える