我正在尝试使用 1 个按钮来控制播放和暂停，有人可以帮助我吗？

Question

我正在尝试使用 1 个按钮来控制播放和暂停，有人可以帮助我吗？我真的很想使用下面的代码集来做到这一点。希望有人能够帮助解决这个问题。 https://jsfiddle.net/8e68js93/1/

我知道这段代码，但我不知道如何将它合并到下面的代码中。 [this.paused?this.play():this.pause(); ] 如果不能用下面的代码，我不想用它。

<audio id="player" src="http://hi5.1980s.fm/;"></audio>
    <div>
        <button onclick="document.getElementById('player').play()">Play</button>
        <button onclick="document.getElementById('player').pause()">Pause</button>
        <button onclick="document.getElementById('player').pause() ;document.getElementById('player').currentTime=0;">Stop</button>
        <button onclick="document.getElementById('player').muted=!document.getElementById('player').muted">Mute/ Unmute</button>
    </div>

Answer 1

    <audio id="player" src="http://hi5.1980s.fm/;"></audio>
    <div>
        <button onclick="togglePlay()">Play</button>
        <button onclick="togglePlay()">Pause</button>
        <button onclick="document.getElementById('player').pause();document.getElementById('player').currentTime = 0;">Stop</button>
        <button onclick="document.getElementById('player').muted = !document.getElementById('player').muted">Mute/ Unmute</button>
    </div>

    <script>
        function togglePlay() {
            var player = document.getElementById('player');
            if (player.paused) {
                player.play();
            } else {
                player.pause();
            }
        }
    </script>

或全部内联：

<button onclick="var player = document.getElementById('player'); player.paused ? player.play() : player.pause()">Play</button>

Answer 2

我认为你应该为此使用 jQuery。

我正在尝试使用 1 个按钮来控制播放和暂停，有人可以帮助我吗？

I'm trying to get 1 button to control both play and pause, can someone help me?

html

html5-audio