[美中貿戰SM 全球經濟被玩殘] ~ 破解 LINE 影片下載 & 本地網頁播放(Html5 Video Playlist)

[美中貿戰SM 全球經濟被玩殘] ~ 破解 LINE 影片下載 & 本地網頁播放(Html5 Video Playlist)

[美中貿戰SM 全球經濟被玩殘] ~ 破解 LINE 影片下載 & 本地網頁播放(Html5 Video Playlist)


資料來源:

影片: https://today.line.me/tw/pc/article/%E7%BE%8E%E4%B8%AD%E8%B2%BF%E6%88%B0SM+%E5%85%A8%E7%90%83%E7%B6%93%E6%BF%9F%E8%A2%AB%E7%8E%A9%E6%AE%98-LLMYa2

下載方法: http://jashliao.eu/wordpress/2018/01/01/%e7%b0%a1%e6%98%93%e7%b7%9a%e4%b8%8a%e5%a4%9a%e6%ae%b5ts%e5%bd%b1%e7%89%87%e4%b8%8b%e8%bc%89%e6%96%b9%e6%b3%95%e5%88%86%e4%ba%ab%e5%88%a9%e7%94%a8ffmpeg%e5%90%88%e4%bd%b5m3u8%e4%b8%b2%e6%b5%81/

Playlist code: https://github.com/totymedli/html5-video-playlist-prototype


自己GITHUB: https://github.com/jash-git/Html5-Video-Playlist





實際影片播放:



HTML程式碼:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Video Element src Demo</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

        <style>
        </style>
    </head>

    <body>
        <video id="player" width="1280" height="720" controls style="background:black"></video>
        <script>
        var player = document.getElementById('player')  var string1="https://github.com/jash-git/Html5-Video-Playlist/blob/master/code/videos/ts2mp4/"  var string2="?raw=true"
        var playlist = [
          "01.mp4",
          "02.mp4",
          "03.mp4",
          "04.mp4",
          "05.mp4",
          "06.mp4",
          "07.mp4",
          "08.mp4",
          "09.mp4",
          "10.mp4",
          "11.mp4",
          "12.mp4",
          "13.mp4",
          "14.mp4",
          "15.mp4",
          "16.mp4",
          "17.mp4",
          "18.mp4",
          "19.mp4",
          "20.mp4",   
        ]
        var activeVideo = 0  var fileurl = string1 + playlist[activeVideo]+ string2
        player.src = fileurl

        player.addEventListener('ended', function(e) {
          // update the new active video index
          activeVideo = (++activeVideo) % playlist.length    var string1="https://github.com/jash-git/Html5-Video-Playlist/blob/master/code/videos/ts2mp4/"    var string2="?raw=true"    var fileurl = string1 + playlist[activeVideo]+ string2
          player.src = fileurl
          player.play()
        })
        </script>
    </body>
</html>

PS. Playlist code 有 標準 mp4/m3u8的測試影片原始檔片段

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *