首页 > 解决方案 > 如何模拟对 JS 音频元素的点击?

问题描述

假设我有一个元素。如何模拟播放点击?暂停点击?等等

<audio controls>
<source src="song.mp3" type="audio/mpeg">
</audio> 

标签: javascriptaudio

解决方案


具有.play().pause()功能:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <audio controls>
        <source id="audio_player" src="https://file-examples.com/wp-content/uploads/2017/11/file_example_MP3_1MG.mp3" type="audio/mpeg">
    </audio>
    <script>
        document.getElementById("audio_player").play();
    </script>
</body>
</html>

推荐阅读