@file-viewer/renderer-media 2.1.1 → 2.1.3

package/dist/audio.d.ts

@@ -1,8 +1,8 @@
-import type { FileViewerRenderedInstance } from '@file-viewer/core';
+import { type FileRenderContext, type FileViewerRenderedInstance } from '@file-viewer/core';
 /**
  * Pure TypeScript audio renderer.
  *
  * Regular audio files use the browser's native `<audio>` element. MIDI stays in
  * the same async chunk and lazily imports `@tonejs/midi` only for `.mid/.midi`.
  */
-export default function renderAudio(buffer: ArrayBuffer, target: HTMLDivElement, type?: string): Promise<FileViewerRenderedInstance>;
+export default function renderAudio(buffer: ArrayBuffer, target: HTMLDivElement, type?: string, context?: FileRenderContext): Promise<FileViewerRenderedInstance>;

package/dist/audio.js

@@ -1,3 +1,4 @@
+import { createFileViewerTranslator } from '@file-viewer/core';
 const AUDIO_MIME_MAP = {
     aac: 'audio/aac',
     flac: 'audio/flac',
@@ -74,7 +75,8 @@ const createRenderedInstance = (target, cleanup) => ({
         clearTarget(target);
     }
 });
-const renderAudioElement = (buffer, target, type) => {
+const renderAudioElement = (buffer, target, type, context) => {
+    const t = createFileViewerTranslator(context === null || context === void 0 ? void 0 : context.options);
     const normalizedType = type.trim().toLowerCase() || 'mp3';
     const mimeType = AUDIO_MIME_MAP[normalizedType] || 'audio/*';
     const sourceUrl = URL.createObjectURL(new Blob([buffer], { type: mimeType }));
@@ -83,7 +85,7 @@ const renderAudioElement = (buffer, target, type) => {
     const art = createElement('div', 'fv-audio-art');
     art.append(createElement('span'), createElement('i'));
     const copy = createElement('div', 'fv-audio-copy');
-    copy.append(createElement('span', 'fv-audio-kicker', normalizedType.toUpperCase() || 'AUDIO'), createElement('strong', '', '音频预览'), createElement('p', '', '使用浏览器原生播放器打开，兼容性取决于当前浏览器支持的音频编码。'));
+    copy.append(createElement('span', 'fv-audio-kicker', normalizedType.toUpperCase() || 'AUDIO'), createElement('strong', '', t('media.audio.title')), createElement('p', '', t('media.audio.description')));
     const currentTimeText = createElement('span', '', '00:00');
     const durationText = createElement('span', '', '--:--');
     const progressFill = createElement('i');
@@ -96,7 +98,7 @@ const renderAudioElement = (buffer, target, type) => {
     audio.src = sourceUrl;
     audio.controls = true;
     audio.preload = 'metadata';
-    audio.textContent = '当前浏览器不支持音频播放。';
+    audio.textContent = t('media.audio.unsupported');
     const handleLoadedMetadata = () => {
         durationText.textContent = Number.isFinite(audio.duration) && audio.duration > 0
             ? formatDuration(audio.duration)
@@ -121,14 +123,15 @@ const renderAudioElement = (buffer, target, type) => {
         URL.revokeObjectURL(sourceUrl);
     });
 };
-const renderMidiElement = (buffer, target) => {
+const renderMidiElement = (buffer, target, context) => {
+    const t = createFileViewerTranslator(context === null || context === void 0 ? void 0 : context.options);
     let disposed = false;
     const root = createElement('div', 'fv-midi-viewer');
     const card = createElement('section', 'fv-midi-card');
     const header = document.createElement('header');
-    const title = createElement('strong', '', 'MIDI 文件');
+    const title = createElement('strong', '', t('media.midi.title'));
     header.append(createElement('span', '', 'MIDI'), title);
-    const body = createElement('div', 'fv-midi-state', '正在解析 MIDI 轨道...');
+    const body = createElement('div', 'fv-midi-state', t('media.midi.loading'));
     card.append(header, body);
     root.append(card);
     target.replaceChildren(createStyle(), root);
@@ -141,7 +144,13 @@ const renderMidiElement = (buffer, target) => {
         const table = createElement('table', 'fv-midi-table');
         const thead = document.createElement('thead');
         const headerRow = document.createElement('tr');
-        for (const label of ['轨道', '乐器', '通道', '音符数', '时长']) {
+        for (const label of [
+            t('media.midi.trackHeader'),
+            t('media.midi.instrumentHeader'),
+            t('media.midi.channelHeader'),
+            t('media.midi.noteCountHeader'),
+            t('media.midi.durationHeader')
+        ]) {
             headerRow.append(createElement('th', '', label));
         }
         thead.append(headerRow);
@@ -160,10 +169,10 @@ const renderMidiElement = (buffer, target) => {
         const totalNotes = input.tracks.reduce((sum, track) => sum + track.notes, 0);
         const stats = createElement('div', 'fv-midi-stats');
         for (const [label, value] of [
-            ['时长', formatDuration(input.duration)],
+            [t('media.midi.durationStat'), formatDuration(input.duration)],
             ['PPQ', String(input.ppq)],
-            ['轨道', String(input.tracks.length)],
-            ['音符', String(totalNotes)]
+            [t('media.midi.trackStat'), String(input.tracks.length)],
+            [t('media.midi.noteStat'), String(totalNotes)]
         ]) {
             const stat = document.createElement('div');
             stat.append(createElement('span', '', label), createElement('strong', '', value));
@@ -179,7 +188,7 @@ const renderMidiElement = (buffer, target) => {
                 return;
             }
             renderSummary({
-                name: midi.name || 'MIDI 文件',
+                name: midi.name || t('media.midi.title'),
                 duration: midi.duration,
                 ppq: midi.header.ppq,
                 tracks: midi.tracks.map((track, index) => {
@@ -196,7 +205,7 @@ const renderMidiElement = (buffer, target) => {
         }
         catch (error) {
             if (!disposed) {
-                renderError(error instanceof Error ? error.message : 'MIDI 解析失败');
+                renderError(error instanceof Error ? error.message : t('media.midi.parseFailed'));
             }
         }
     })();
@@ -210,10 +219,10 @@ const renderMidiElement = (buffer, target) => {
  * Regular audio files use the browser's native `<audio>` element. MIDI stays in
  * the same async chunk and lazily imports `@tonejs/midi` only for `.mid/.midi`.
  */
-export default async function renderAudio(buffer, target, type) {
+export default async function renderAudio(buffer, target, type, context) {
     const normalizedType = (type || 'mp3').toLowerCase();
     if (normalizedType === 'midi' || normalizedType === 'mid') {
-        return renderMidiElement(buffer, target);
+        return renderMidiElement(buffer, target, context);
     }
-    return renderAudioElement(buffer, target, normalizedType);
+    return renderAudioElement(buffer, target, normalizedType, context);
 }

package/dist/index.js

@@ -5,7 +5,7 @@ if (mediaDefinitions.length !== mediaRendererIds.length) {
     throw new Error('@file-viewer/renderer-media could not locate the shared audio/video format definitions.');
 }
 export const mediaRendererDefinitions = mediaDefinitions;
-export const renderFileViewerAudio = (buffer, target, type) => import('./audio.js').then(({ default: renderAudio }) => renderAudio(buffer, target, type));
+export const renderFileViewerAudio = (buffer, target, type, context) => import('./audio.js').then(({ default: renderAudio }) => renderAudio(buffer, target, type, context));
 export const renderFileViewerVideo = (buffer, target, type, context) => import('./video.js').then(({ default: renderVideo }) => renderVideo(buffer, target, type, context));
 export const mediaRenderer = {
     id: 'file-viewer-renderer-media',

package/dist/video.d.ts

@@ -1,4 +1,4 @@
-import type { FileRenderContext, FileViewerRenderedInstance } from '@file-viewer/core';
+import { type FileRenderContext, type FileViewerRenderedInstance } from '@file-viewer/core';
 /**
  * Pure TypeScript video renderer.
  *

package/dist/video.js

@@ -1,3 +1,4 @@
+import { createFileViewerTranslator } from '@file-viewer/core';
 const videoStyle = `
 .fv-video-viewer{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:28px;background:#eef1f4;box-sizing:border-box}
 .fv-video-shell{width:min(100%,960px);border-radius:8px;border:1px solid rgba(15,23,42,.1);background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.14);overflow:hidden}
@@ -47,6 +48,7 @@ const createLocalUrl = (buffer, type) => {
  * first and imports `hls.js` only when the current browser needs it.
  */
 export default async function renderVideo(buffer, target, type, context) {
+    const t = createFileViewerTranslator(context === null || context === void 0 ? void 0 : context.options);
     const normalizedType = (type || 'mp4').toLowerCase();
     let disposed = false;
     let objectUrl = '';
@@ -54,14 +56,14 @@ export default async function renderVideo(buffer, target, type, context) {
     const root = createElement('div', 'fv-video-viewer');
     const shell = createElement('section', 'fv-video-shell');
     const heading = createElement('div', 'fv-video-heading');
-    heading.append(createElement('span', '', normalizedType.toUpperCase() || 'VIDEO'), createElement('strong', '', '视频预览'));
+    heading.append(createElement('span', '', normalizedType.toUpperCase() || 'VIDEO'), createElement('strong', '', t('media.video.title')));
     const video = createElement('video', 'fv-video-player');
     video.controls = true;
     video.preload = 'metadata';
-    video.textContent = '当前浏览器不支持该视频格式。';
+    video.textContent = t('media.video.unsupported');
     shell.append(heading, video);
     if (normalizedType === 'm3u8') {
-        shell.append(createElement('p', 'fv-video-hint', 'HLS 会优先使用原始 URL 加载分片；如果传入的是本地单文件清单，请确保分片地址可被浏览器访问。'));
+        shell.append(createElement('p', 'fv-video-hint', t('media.video.hlsHint')));
     }
     root.append(shell);
     target.replaceChildren(createStyle(), root);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@file-viewer/renderer-media",
-  "version": "2.1.1",
+  "version": "2.1.3",
   "private": false,
   "type": "module",
   "description": "Standalone audio and video renderer plugin for Flyfish File Viewer with native media playback, HLS fallback, MIDI parsing, and offline-friendly lazy loading.",
@@ -55,7 +55,7 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@file-viewer/core": "^2.1.1",
+    "@file-viewer/core": "^2.1.3",
     "@tonejs/midi": "^2.0.28",
     "hls.js": "^1.6.16"
   },