test

vscode-server-linux-x64-web/extensions/media-preview/media/audioPreview.js

@@ -0,0 +1,72 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+// @ts-check
+"use strict";
+
+(function () {
+	// @ts-ignore
+	const vscode = acquireVsCodeApi();
+
+	function getSettings() {
+		const element = document.getElementById('settings');
+		if (element) {
+			const data = element.getAttribute('data-settings');
+			if (data) {
+				return JSON.parse(data);
+			}
+		}
+
+		throw new Error(`Could not load settings`);
+	}
+
+	const settings = getSettings();
+
+	// State
+	let hasLoadedMedia = false;
+
+	// Elements
+	const container = document.createElement('div');
+	container.className = 'audio-container';
+	document.body.appendChild(container);
+
+	const audio = new Audio(settings.src === null ? undefined : settings.src);
+	audio.controls = true;
+
+	function onLoaded() {
+		if (hasLoadedMedia) {
+			return;
+		}
+		hasLoadedMedia = true;
+
+		document.body.classList.remove('loading');
+		document.body.classList.add('ready');
+		container.append(audio);
+	}
+
+	audio.addEventListener('error', e => {
+		if (hasLoadedMedia) {
+			return;
+		}
+
+		hasLoadedMedia = true;
+		document.body.classList.add('error');
+		document.body.classList.remove('loading');
+	});
+
+	if (settings.src === null) {
+		onLoaded();
+	} else {
+		audio.addEventListener('canplaythrough', () => {
+			onLoaded();
+		});
+	}
+
+	document.querySelector('.open-file-link')?.addEventListener('click', (e) => {
+		e.preventDefault();
+		vscode.postMessage({
+			type: 'reopen-as-text',
+		});
+	});
+}());