62 lines
1.7 KiB
JavaScript
62 lines
1.7 KiB
JavaScript
class PlaylistLoader {
|
|
constructor() {
|
|
this.playlist_src = '/list/' + window.location.pathname.slice(6);
|
|
this.last_segment = null;
|
|
this.refresh_interval = null;
|
|
this.new_segments = [];
|
|
this.fetch_playlist();
|
|
}
|
|
|
|
async fetch_playlist() {
|
|
const response = await fetch(this.playlist_src);
|
|
this.parse_playlist(await response.text());
|
|
setTimeout(this.fetch_playlist.bind(this), this.refresh_interval * 1000);
|
|
}
|
|
|
|
parse_playlist(playlist_content) {
|
|
let lines = playlist_content.split('\n');
|
|
let segments = [];
|
|
let segment_block_flag = this.last_segment === null ? false : true;
|
|
for (let i = 0; i < lines.length; i++) {
|
|
if (lines[i].startsWith("#")) {
|
|
if (lines[i].startsWith("EXT-X-TARGETDURATION", 1)) {
|
|
this.refresh_interval = parseFloat(lines[i].split(':')[1]);
|
|
}
|
|
} else {
|
|
if (segment_block_flag || lines[i] == '') {
|
|
if (lines[i] == this.last_segment) {
|
|
segment_block_flag = false;
|
|
}
|
|
} else {
|
|
segments.push(lines[i]);
|
|
}
|
|
}
|
|
}
|
|
this.new_segments = this.new_segments.concat(segments);
|
|
if (segments.length != 0) {
|
|
this.last_segment = segments.at(-1);
|
|
}
|
|
}
|
|
}
|
|
|
|
class VideoLoader {
|
|
constructor(vid_tag_id) {
|
|
this.stream_key = window.location.pathname.slice(6);
|
|
this.playlist_loader = new PlaylistLoader();
|
|
this.player = document.getElementById(vid_tag_id);
|
|
this.media_source = new MediaSource();
|
|
this.prepare_buffer();
|
|
}
|
|
|
|
async prepare_buffer() {
|
|
let init_frag = await this.fetch_video('/vid/' + this.stream_key + '/init.mp4');
|
|
let mime = (new MP4Tree(init_frag)).get_mime();
|
|
console.log(mime);
|
|
}
|
|
|
|
async fetch_video(uri) {
|
|
const response = await fetch(uri);
|
|
return response.arrayBuffer();
|
|
}
|
|
}
|
|
|