Verwenden Sie HTML, um einen Audiowiedergabecode zu implementieren-HTML-Tutorial-php.cn

Verwenden Sie HTML, um einen Audiowiedergabecode zu implementieren

零下一度

Freigeben： 2017-04-22 16:01:14

Original

12157 Leute haben es durchsucht

Player mit Bedienelementen

html<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>播放音频</title>
</head>
<body>
<audio src="raw/1.mp3" controls="controls">你的浏览器不支持</audio>
</body>
</html>

Nach dem Login kopieren

Der Player ist unsichtbar, verwenden Sie Tasten, um die Wiedergabe zu steuern

html<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>播放音频</title>
</head>
<body>
<button onclick="clickA()">播放/暂停</button>
<audio id="audio" src="raw/1.mp3">你的浏览器不支持</audio>
<script>
    var a=document.getElementById("audio");
    function clickA(){
        if(a.paused){
            a.play();
        }else{
            a.pause();
        }
    }
</script>
</body>
</html>

Nach dem Login kopieren

Player mit Bedienelementen

html<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>播放音频</title>
</head>
<body>
<audio src="raw/1.mp3" controls="controls">你的浏览器不支持</audio>
</body>
</html>

Nach dem Login kopieren

Wiedergabe Der Player ist unsichtbar, verwenden Sie die Tasten, um die Wiedergabe zu steuern

html<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>播放音频</title>
</head>
<body>
<button onclick="clickA()">播放/暂停</button>
<audio id="audio" src="raw/1.mp3">你的浏览器不支持</audio>
<script>
    var a=document.getElementById("audio");
    function clickA(){
        if(a.paused){
            a.play();
        }else{
            a.pause();
        }
    }
</script>
</body>
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonVerwenden Sie HTML, um einen Audiowiedergabecode zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!