前端新增ts视频预览；config.yml添加out_put_tmpl示例

config.yml

@@ -21,7 +21,10 @@ live_rooms:
 - url: https://live.bilibili.com/22603245
   is_listening: true
   quality: 0 
-out_put_tmpl: ""
+out_put_tmpl: ''
+# '{{ .Live.GetPlatformCNName }}/{{ .HostName | filenameFilter }}/[{{ now | date "2006-01-02 15-04-05"}}][{{ .HostName | filenameFilter }}][{{ .RoomName | filenameFilter }}].flv'
+# ./平台名称/主播名字/[时间戳][主播名字][房间名字].flv
+# https://github.com/hr3lxphr6j/bililive-go/wiki/More-Tips
 video_split_strategies:
   on_room_name_changed: false
   max_duration: 0s

src/webapp/src/component/file-list/index.tsx

@@ -136,6 +136,22 @@ class FileList extends React.Component<Props, IState> {
                                 }
                             }
                         },
+                        ts: function (video, url) {
+                            if (mpegtsjs.isSupported()) {
+                                const tsPlayer = mpegtsjs.createPlayer({
+                                    type: "mpegts", // could also be mpegts, m2ts, flv,mse
+                                    url: url,
+                                    hasVideo: true,
+                                    hasAudio: true,
+                                }, {});
+                                tsPlayer.attachMediaElement(video);
+                                tsPlayer.load();
+                            } else {
+                                if (art) {
+                                    art.notice.show = "不支持播放格式: mpegts";
+                                }
+                            }
+                        },
                     },
                 });
             });
@@ -227,4 +243,4 @@ class FileList extends React.Component<Props, IState> {
     }
 }
 
-export default FileList;
+export default FileList;