สวัสดีครับ ผมซื้อหนังสือมาเรียนเอง basic coding สำหรับ Web Developer ด้วย HTML5, CSS3 และ JavaScript โดย ศุภชัย สมพานิช มาถึงหน้าที่ 63 การเล่นไฟล์เสียงด้วยอิลิเมนต์ <audio>.....</audio>การทำงาน Javascript พอทดสอบแล้วทุกบราวเซอ แทบปุ่มภาษาไทยด้านบนที่แสดงว่า เล่นเพลง กับ หยุดชั่วคราว ด้านบนมันไม่ทำงานเลยครับ แต่แท้บicon play/pause ด้านล่างใช้ได้ครับ check firefox java ก็ enable แล้ว จนปัญญา ท่านใดช่วยหน่อยครับ ทำตามหนังสือทุกอย่างแล้วครับ แบบนี้คือปุ่มควบคุมด้วย JavaScript มันไม่ทำงานใช่ไหมครับ ผมเรียนด้วย VS Code ตามหนังสือครับ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-U4-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width", initial-scale="1.0">
<title>การใช้งานอีลีเมนต์ audio แบบมีแถบควบคุม</title>
<script type="text/javascript">
function PlaySong() {
let au = document.getElementByld("audio1");
au.play();
}
function PauseSong() {
let au = document.getElementByld("audio1");
au.pause();
}
</script>
</head>
<body>
<button onclick="PlaySong();">เล่นเพลง</button>
<button onclick="PauseSong();">หยุดชั่วคราว</button><hr/>
<audio id="audio1" src="audio/01.mp3" controls="controls" />
</body>
</html>
สอบถามเรื่อง code Javascript ไม่ทำงาน local test
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-U4-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width", initial-scale="1.0">
<title>การใช้งานอีลีเมนต์ audio แบบมีแถบควบคุม</title>
<script type="text/javascript">
function PlaySong() {
let au = document.getElementByld("audio1");
au.play();
}
function PauseSong() {
let au = document.getElementByld("audio1");
au.pause();
}
</script>
</head>
<body>
<button onclick="PlaySong();">เล่นเพลง</button>
<button onclick="PauseSong();">หยุดชั่วคราว</button><hr/>
<audio id="audio1" src="audio/01.mp3" controls="controls" />
</body>
</html>