html audio: reveal too

packages/html/elements/audio.js

@@ -38,7 +38,7 @@ exports.audio = {
 			default: false
 		}
 	},
-	html: `<audio is="element-audio"
+	html: `<audio is="element-audio" data-src="[url]"
 		preload="metadata" autoplay="[autoplay]" loop="[loop]" controls="[controls]"></audio>`,
 	scripts: [
 		'../ui/audio.js'

packages/html/ui/audio.js

@@ -1,9 +1,39 @@
 class HTMLElementAudio extends HTMLAudioElement {
+	static get defaults() {
+		return {
+			dataSrc: null
+		};
+	}
+
+	patch(state) {
+		this.classList.remove('error', 'loading');
+		var loc = Page.parse(this.options.src);
+		var meta = state.scope.$hrefs && state.scope.$hrefs[loc.pathname] || {};
+		if (!meta || !meta.width || !meta.height) return;
+		this.width = meta.width;
+		this.height = meta.height;
+	}
+	reveal(state) {
+		var curSrc = this.options.src;
+		if (curSrc != this.currentSrc) {
+			try {
+				this.currentSrc = curSrc;
+			} catch(e) {
+				// pass
+			}
+			this.setAttribute('src', curSrc);
+		}
+		if (this.isContentEditable) this.pause();
+	}
 	handleClick(e) {
 		if (this.isContentEditable) e.preventDefault();
 	}
-	setup(state) {
-		if (this.isContentEditable) this.pause();
+	captureLoad() {
+		this.classList.remove('loading');
+	}
+	captureError() {
+		this.classList.remove('loading');
+		this.classList.add('error');
 	}
 }