HTML電視直播代碼
<!DOCTYPE html> <html> <head> <title>電視直播</title> </head> <body> <h1>歡迎來到電視直播</h1> <p>選擇下面的頻道觀看電視節(jié)目。</p> <form> <select id="channel"> <option value="cctv1">CCTV1</option> <option value="cctv2">CCTV2</option> <option value="cctv3">CCTV3</option> <option value="cctv4">CCTV4</option> </select> <input type="button" value="觀看" onclick="playChannel()"> </form> <video id="tv" width="640" height="360"></video> <script> function playChannel() { var channel = document.getElementById("channel").value; var tv = document.getElementById("tv"); tv.src = channel + ".m3u8"; tv.play(); } </script> </body> </html>
在以上的代碼中,我們創(chuàng)建了一個(gè)簡單的電視直播應(yīng)用程序。用戶可以從下拉菜單中選擇一個(gè)頻道,然后點(diǎn)擊觀看按鈕來播放該頻道的內(nèi)容。
該應(yīng)用程序由HTML、CSS和JavaScript構(gòu)建。我們使用了HTML5的video元素來播放視頻。我們通過JavaScript在用戶選擇頻道時(shí)將其指定的m3u8文件添加到video元素的src屬性中,并調(diào)用play方法來開始播放視頻。