Update WBBR frontend template collection

app/data/media-player.json

@@ -0,0 +1,112 @@
+{
+  "videos": [
+    {
+      "id": "video-flower",
+      "title": "晨光中的花",
+      "subtitle": "HTML5 视频播放器演示片段",
+      "src": "https://developer.mozilla.org/shared-assets/videos/flower.mp4",
+      "poster": "/anime/star-echoes-hero.png",
+      "durationLabel": "00:30",
+      "quality": "1080P",
+      "views": "1.2 万次播放"
+    },
+    {
+      "id": "video-morning",
+      "title": "清晨微距练习",
+      "subtitle": "自然光与微距镜头示例",
+      "src": "https://developer.mozilla.org/shared-assets/videos/flower.mp4#t=2",
+      "poster": "/anime/star-echoes-merch.png",
+      "durationLabel": "00:28",
+      "quality": "720P",
+      "views": "8,620 次播放"
+    },
+    {
+      "id": "video-color",
+      "title": "夏日色彩片段",
+      "subtitle": "短视频色彩与节奏演示",
+      "src": "https://developer.mozilla.org/shared-assets/videos/flower.mp4#t=5",
+      "poster": "/anime/star-echoes-hero.png",
+      "durationLabel": "00:25",
+      "quality": "1080P",
+      "views": "6,438 次播放"
+    }
+  ],
+  "tracks": [
+    {
+      "id": "track-01",
+      "title": "Starlight Drift",
+      "artist": "SoundHelix · Ambient Session",
+      "album": "Orbit Night Radio",
+      "src": "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
+      "cover": "/anime/star-echoes-merch.png",
+      "position": "12% center",
+      "durationLabel": "06:13",
+      "lyrics": [
+        { "time": 0, "text": "星光落在安静的窗边", "translation": "Starlight rests beside the quiet window" },
+        { "time": 14, "text": "城市还没有醒来", "translation": "The city has not awakened yet" },
+        { "time": 30, "text": "我沿着昨夜留下的轨迹", "translation": "I follow the trail left by last night" },
+        { "time": 47, "text": "寻找你说过的那片海", "translation": "Searching for the sea you once described" },
+        { "time": 65, "text": "风把遥远的回声带来", "translation": "The wind carries a distant echo" },
+        { "time": 84, "text": "像一颗缓慢靠近的星", "translation": "Like a star slowly drawing near" },
+        { "time": 104, "text": "如果时间此刻停下来", "translation": "If time could stop right here" },
+        { "time": 126, "text": "就让我们漂流在光里", "translation": "Let us drift inside the light" },
+        { "time": 149, "text": "越过沉睡的天文台", "translation": "Beyond the sleeping observatory" },
+        { "time": 173, "text": "穿过没有名字的云海", "translation": "Through the nameless sea of clouds" },
+        { "time": 198, "text": "你在银河尽头等待", "translation": "You wait at the end of the galaxy" },
+        { "time": 224, "text": "而我循着微光回来", "translation": "And I return following the faint glow" },
+        { "time": 252, "text": "星光落在安静的窗边", "translation": "Starlight rests beside the quiet window" },
+        { "time": 282, "text": "我们的故事仍在盛开", "translation": "Our story is still in bloom" }
+      ]
+    },
+    {
+      "id": "track-02",
+      "title": "Moon Observatory",
+      "artist": "SoundHelix · Electronic Session",
+      "album": "Orbit Night Radio",
+      "src": "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3",
+      "cover": "/anime/star-echoes-merch.png",
+      "position": "50% center",
+      "durationLabel": "07:05",
+      "lyrics": [
+        { "time": 0, "text": "月光绕过旧观测站", "translation": "Moonlight circles the old observatory" },
+        { "time": 16, "text": "银色屋顶写满答案", "translation": "Silver rooftops are filled with answers" },
+        { "time": 34, "text": "有人把愿望藏进星盘", "translation": "Someone hid a wish inside the star chart" },
+        { "time": 53, "text": "等待下一次夜晚", "translation": "Waiting for the next night" },
+        { "time": 73, "text": "让所有钟声变得缓慢", "translation": "Let every bell begin to slow" },
+        { "time": 94, "text": "让云层停在山峦", "translation": "Let the clouds rest over the mountains" },
+        { "time": 116, "text": "你说宇宙并不孤单", "translation": "You said the universe is not alone" },
+        { "time": 139, "text": "每颗星都有同伴", "translation": "Every star has a companion" },
+        { "time": 164, "text": "我们在月光里交换晚安", "translation": "We exchange goodnight in the moonlight" },
+        { "time": 190, "text": "把明天交给夜航的帆", "translation": "Leave tomorrow to the sails of night" },
+        { "time": 218, "text": "当天空再次变蓝", "translation": "When the sky turns blue again" },
+        { "time": 248, "text": "我会记得这一晚", "translation": "I will remember this night" },
+        { "time": 280, "text": "月光绕过旧观测站", "translation": "Moonlight circles the old observatory" }
+      ]
+    },
+    {
+      "id": "track-03",
+      "title": "Afterglow City",
+      "artist": "SoundHelix · Dream Session",
+      "album": "Orbit Night Radio",
+      "src": "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-3.mp3",
+      "cover": "/anime/star-echoes-hero.png",
+      "position": "center",
+      "durationLabel": "05:48",
+      "lyrics": [
+        { "time": 0, "text": "日落把街道染成金色", "translation": "Sunset paints the streets in gold" },
+        { "time": 15, "text": "晚风翻过城市的歌", "translation": "The evening wind turns the city's song" },
+        { "time": 32, "text": "我们站在高楼的边缘", "translation": "We stand at the edge of the rooftop" },
+        { "time": 50, "text": "看最后一束光经过", "translation": "Watching the final ray pass by" },
+        { "time": 69, "text": "别急着说再见", "translation": "Do not hurry to say goodbye" },
+        { "time": 89, "text": "夜色才刚刚出现", "translation": "The night has only just appeared" },
+        { "time": 110, "text": "霓虹会替我们点亮", "translation": "Neon lights will shine for us" },
+        { "time": 132, "text": "回家的那条地平线", "translation": "The horizon that leads us home" },
+        { "time": 156, "text": "当余晖留在你的侧脸", "translation": "When afterglow rests upon your face" },
+        { "time": 181, "text": "所有喧闹都听不见", "translation": "All the noise begins to disappear" },
+        { "time": 208, "text": "只剩心跳一遍一遍", "translation": "Only heartbeats remain, again and again" },
+        { "time": 238, "text": "陪我们走向明天", "translation": "Walking with us into tomorrow" },
+        { "time": 270, "text": "日落之后星光重现", "translation": "After sunset, starlight returns" }
+      ]
+    }
+  ]
+}