feat: 使用flv.js在浏览器播放直播流

Author: nintha

resource/static/index.html

@@ -0,0 +1,21 @@
+<script src="https://cdn.bootcdn.net/ajax/libs/flv.js/1.5.0/flv.min.js"></script>
+<video id="videoElement"></video>
+<script>
+window.onload=function(){
+    if (flvjs.isSupported()) {
+        var videoElement = document.getElementById('videoElement');
+        videoElement.controls=true
+        videoElement.muted=true
+        videoElement.width="640"
+        videoElement.height="480"
+        videoElement.autoplay=true
+
+        var flvPlayer = flvjs.createPlayer({
+            type: 'flv',
+            url: 'http://localhost:8080/liziqiu'
+        });
+        flvPlayer.attachMediaElement(videoElement);
+        flvPlayer.load();
+    }
+}
+</script>

src/http_flv.rs

@@ -39,6 +39,7 @@ async fn accept(mut stream: TcpStream) -> anyhow::Result<()> {
         Connection: close\r\n\
         Transfer-Encoding: chunked\r\n\
         Cache-Control: no-cache\r\n\
+        Access-Control-Allow-Origin: *\r\n\
         \r\n\
         ";
         stream.write_all(header.as_bytes()).await?;

src/protocol/flv.rs

@@ -83,6 +83,7 @@ impl AsRef<[u8]> for FlvTag {
 }
 
 /// 后台保存FLV文件
+#[allow(unused)]
 pub fn save_flv_background(stream_name: &str, peer_addr: String) {
     if let Some(eventbus) = eventbus_map().get(stream_name) {
         let flv_rx = eventbus.register_receiver();