1

我正在尝试使用 JQTouch 制作一个基本的移动站点来播放音频文件列表。我正在尝试制作一个简单的曲目播放列表，以便在学校的艺术展览中使用。有点像你可能见过的那些徒步旅行。当我链接到无序列表中的 mp3 文件时，浏览器不会打开该文件并开始播放它。它只是抛出垃圾文本。

这发生在普通的网络浏览器以及我的 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 Rocks了解更多详细信息。

于 2010-07-20T15:25:08.237 回答