Question

我使用HTML5，CSS3和JavaScript制作了音板。如果我单击任何按钮，音频将在我的计算机上播放，但不能在任何智能手机上播放。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">

    <link href="http://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet" type="text/css">

    <title> Soundboard </title>
    <script lang="javascript" type="text/javascript">
        var bleep = new Audio();
        bleep.src = "5.mp3";

        var bleep1 = new Audio();
        bleep1.src = "6.mp3";

        var bleep2 = new Audio();
        bleep2.src = "7.mp3";

        var bleep3 = new Audio();
        bleep3.src = "8.mp3";
</head>
<body>


   <nav id="nav2">
        <a href="#" onmousedown="bleep5.play()">Gamsh!</a>
        <a href="#" onmousedown="bleep6.play()">Gamsh!</a>
        <a href="#" onmousedown="bleep7.play()">Gamsh!</a>
        <a href="#" onmousedown="bleep8.play()">Gamsh!</a>
    </nav>
</body>

我有一些更基本的CSS3和HTML5代码，但这是它的基本要点。按钮显示在我的智能手机上，但是当我点按其中任何一个时，我都没有声音。我需要添加什么才能使其正常工作。任何反馈都会非常有用。提前致谢。

Answer 1

尝试使用onclick而不是onmousedown

更新1

尝试将#从锚标记更改为javascript: void(0);

无法让我的音板在智能手机上播放

1 个答案: