Add support for live HLS streams, add playlist refresh logic, add live input tracks

dev/convert.html

@@ -16,17 +16,19 @@
 	progressElement.max = 1;
 	document.body.append(progressElement);
 
-	fileInput.addEventListener('change', async () => {
-		const file = fileInput.files[0];
-
-		const source = new Mediabunny.BlobSource(file);
+	window.addEventListener('click', async () => {
+		
 		const target = new Mediabunny.BufferTarget() ?? new Mediabunny.StreamTarget(new WritableStream({
 			write: console.log
 		}), {
 			chunked: true,
 			chunkSize: 2**20
 		});
-		const outputFormat = new Mediabunny.Mp4OutputFormat({fastStart: 'fragmented'});
+		const outputFormat = new Mediabunny.Mp4OutputFormat();
+
+		const p = document.createElement('p');
+		p.textContent = 'Capturing...';
+		document.body.append(p);
 
 		const button = document.createElement('button');
 		button.textContent = 'Cancel';
@@ -50,14 +52,43 @@
 			target
 		});
 
-		let ctx = null;
-		const conversion = await Mediabunny.Conversion.init({
-			input: new Mediabunny.Input({
+		let input;
+		const tracks = [];
+		let start = 0;
+
+		if (true) {
+			input = new Mediabunny.Input({
+				entryPath: 'https://zdf-hls-15.akamaized.net/hls/live/2016498/de/high/master.m3u8',
+				source: ({ path }) => new Mediabunny.UrlSource(path),
+				formats: Mediabunny.ALL_FORMATS,
+			});
+
+			const videoTrack = await input.getPrimaryVideoTrack();
+			const audioTrack = await input.getPrimaryAudioTrack();
+
+			if (videoTrack) tracks.push(videoTrack);
+			if (audioTrack) tracks.push(audioTrack);
+
+			start = Math.min(...await Promise.all([
+				videoTrack.computeDuration({ skipLiveWait: true }),
+				audioTrack.computeDuration({ skipLiveWait: true }),
+			]));
+		} else {
+			const file = fileInput.files[0];
+			const source = new Mediabunny.BlobSource(file);
+		
+			input = new Mediabunny.Input({
 				formats: Mediabunny.ALL_FORMATS,	
 				source
-			}),
+			});
+		}
+
+		let ctx = null;
+		const conversion = await Mediabunny.Conversion.init({
+			input,
 			output,
-			audio: (_, n) => ({
+			audio: (track, n) => ({
+				discard: !tracks.includes(track),
 				//codec: 'eac3',
 				//discard: true,
 				//discard: n > 1,
@@ -103,7 +134,8 @@
 				bitrate: 320000
 			},
 			*/
-			video: () => ({
+			video: (track) => ({
+				discard: !tracks.includes(track),
 				//forceTranscode: true,
 				//forceTranscode: true,
 				//width: 1280,
@@ -188,6 +220,8 @@
 				}
 			},
 			trim: {
+				start,
+				end: start + 5,
 				//start: 0,
 				//end: 10
 			},
@@ -230,5 +264,5 @@
 			a.click();
 			URL.revokeObjectURL(url);
 		}
-	});
+	}, { once: true });
 </script>