file-viewer3 1.0.8 → 1.0.26

package/dist/components/AudioViewer.js

@@ -0,0 +1,66 @@
+import { t as e } from "./_plugin-vue_export-helper.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeStyle as a, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, toDisplayString as u, watch as d } from "vue";
+//#region src/package/vendors/audio/AudioViewer.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "audio-viewer" }, p = { class: "audio-card" }, m = { class: "audio-copy" }, h = { class: "audio-kicker" }, g = { class: "audio-meter" }, _ = {
+	class: "audio-progress",
+	"aria-hidden": "true"
+}, v = ["src"], y = /*#__PURE__*/ e(/* @__PURE__ */ i({
+	__name: "AudioViewer",
+	props: {
+		data: {},
+		type: {}
+	},
+	setup(e) {
+		let i = e, y = l(null), b = l(""), x = l(0), S = l(0), C = l(!1), w = {
+			aac: "audio/aac",
+			flac: "audio/flac",
+			m4a: "audio/mp4",
+			mp3: "audio/mpeg",
+			mpeg: "audio/mpeg",
+			oga: "audio/ogg",
+			ogg: "audio/ogg",
+			opus: "audio/ogg; codecs=opus",
+			wav: "audio/wav",
+			weba: "audio/webm"
+		}, T = t(() => i.type.trim().toLowerCase()), E = t(() => w[T.value] || "audio/*"), D = t(() => T.value.toUpperCase() || "AUDIO"), O = t(() => !Number.isFinite(S.value) || S.value <= 0 ? 0 : Math.min(100, Math.max(0, x.value / S.value * 100))), k = (e) => {
+			if (!Number.isFinite(e) || e <= 0) return "00:00";
+			let t = Math.floor(e / 60), n = Math.floor(e % 60);
+			return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
+		}, A = () => {
+			b.value && (URL.revokeObjectURL(b.value), b.value = "");
+		}, j = () => {
+			A(), x.value = 0, S.value = 0, C.value = !1, b.value = URL.createObjectURL(new Blob([i.data], { type: E.value }));
+		}, M = () => {
+			var e;
+			S.value = ((e = y.value) == null ? void 0 : e.duration) || 0, C.value = !0;
+		}, N = () => {
+			var e;
+			x.value = ((e = y.value) == null ? void 0 : e.currentTime) || 0;
+		};
+		return s(j), d(() => [i.data, i.type], j), o(A), (e, t) => (c(), n("div", f, [r("section", p, [
+			t[2] || (t[2] = r("div", { class: "audio-art" }, [r("span"), r("i")], -1)),
+			r("div", m, [
+				r("span", h, u(D.value), 1),
+				t[0] || (t[0] = r("strong", null, "音频预览", -1)),
+				t[1] || (t[1] = r("p", null, "使用浏览器原生播放器打开，兼容性取决于当前浏览器支持的音频编码。", -1))
+			]),
+			r("div", g, [
+				r("span", null, u(k(x.value)), 1),
+				r("div", _, [r("i", { style: a({ width: `${O.value}%` }) }, null, 4)]),
+				r("span", null, u(C.value ? k(S.value) : "--:--"), 1)
+			]),
+			r("audio", {
+				ref_key: "audioRef",
+				ref: y,
+				class: "audio-control",
+				src: b.value,
+				controls: "",
+				preload: "metadata",
+				onLoadedmetadata: M,
+				onTimeupdate: N
+			}, " 当前浏览器不支持音频播放。 ", 40, v)
+		])]));
+	}
+}), [["__scopeId", "data-v-608bd328"]]);
+//#endregion
+export { y as default };