lovecoding
/
web0331


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        audio 音频
        1.src 放置路径
        2.controls 显示控件
            属性值：controls
        3.loop 循环播放
        4.dom.currentTime 当前时间
        5.playbackRate 播放速度 取值范围:1-16

    -->
    <!-- 音频 -->
    <audio src="./周杰伦-花海.mp3" controls="controls" loop></audio>
    <button id="btn1">播放</button>
    <button id="btn2">暂停</button>
    <button id="btn3">重播</button>
    <!-- 视频 -->
     <!-- <video src="./222.mp4" controls></video> -->
    <script>
        let audio = document.querySelector("audio");
        let btn1 = document.getElementById("btn1");
        let btn2 = document.getElementById("btn2");
        let btn3 = document.getElementById("btn3");
        console.log(audio,'111')
        console.log(audio.currentTime,'111')
        audio.playbackRate = 1;
        btn1.onclick = function() {
            audio.play()
        };
        btn2.onclick = function() {
            audio.pause()
        }
        btn3.onclick = function() {
            audio.load()
        }
    </script>
</body>
</html>