hls
hls官网地址
创建项目
ts为视频片段
m3u8文件内容
html
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><script src="https://cdn.jsdelivr.net/npm/hls.js@1"></script></head><body>hello<video id="video" controls></video><script>if (Hls.isSupported()) {var video = document.getElementById('video');var hls = new Hls();hls.on(Hls.Events.MEDIA_ATTACHED, function () {console.log('video and hls.js are now bound together !');});hls.on(Hls.Events.MANIFEST_PARSED, function (event, data) {console.log('manifest loaded, found ' + data.levels.length + ' quality level',);});hls.loadSource('/static/00001.m3u8');// bind them togetherhls.attachMedia(video);}</script></body>
</html>app.py
from flask import Flask,render_templateapp = Flask(__name__)@app.route('/')
def index():return render_template('index.html')if __name__ == '__main__':app.run(debug=True,port=5000)
