x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-08 10:56:15 -08:00
Code Issues Packages Projects Releases Wiki Activity

feat: enhance audio track plugin with waiting and playing event handling

Browse Source
This commit is contained in:
Harvey Zhao committed 2026-01-04 17:29:05 +08:00
1 parent ece55c5747
commit 23a20d5d6d
5 files changed
+23 -3
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

README.md
+1 -1
View File
@@ -114,7 +114,7 @@ let art = new Artplayer({
| [artplayer-plugin-auto-thumbnail](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-auto-thumbnail/index.js&example=auto.thumbnail) | Auto-generated thumbnails | <img src="https://img.shields.io/npm/dm/artplayer-plugin-auto-thumbnail.svg?sanitize=true"> |
| [artplayer-plugin-ambilight](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-ambilight/index.js&example=ambilight) | Ambilight effect | <img src="https://img.shields.io/npm/dm/artplayer-plugin-ambilight.svg?sanitize=true"> |
| [artplayer-plugin-document-pip](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-document-pip/index.js&example=document.pip) | Document Picture-in-Picture | <img src="https://img.shields.io/npm/dm/artplayer-plugin-document-pip.svg?sanitize=true"> |
| [artplayer-plugin-audio-track](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-audio-track/index.js&example=audio.track) | Audio track selection | <img src="https://img.shields.io/npm/dm/artplayer-plugin-audio-track.svg?sanitize=true"> |
| [artplayer-plugin-audio-track](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-audio-track/index.js&example=audio.track) | Independent audio track playback | <img src="https://img.shields.io/npm/dm/artplayer-plugin-audio-track.svg?sanitize=true"> |
| [artplayer-plugin-jassub](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-jassub/index.js&example=jassub) | ASS/SSA subtitle support | <img src="https://img.shields.io/npm/dm/artplayer-plugin-jassub.svg?sanitize=true"> |
| [artplayer-plugin-danmuku-mask](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-danmuku/index.js%0A./uncompiled/artplayer-plugin-danmuku-mask/index.js&example=danmuku.mask) | Danmuku masking (smart blocking) | <img src="https://img.shields.io/npm/dm/artplayer-plugin-danmuku-mask.svg?sanitize=true"> |
| [artplayer-plugin-asr](https://artplayer.org/?libs=./uncompiled/artplayer-plugin-asr/index.js&example=asr) | Automatic Speech Recognition | <img src="https://img.shields.io/npm/dm/artplayer-plugin-asr.svg?sanitize=true"> |
docs/uncompiled/artplayer-plugin-audio-track/index.js
+8
View File
@@ -246,6 +246,14 @@ function artplayerPluginAudioTrack(option) {
audio.volume = art.volume;
audio.muted = art.muted;
});
art.on('video:waiting', ()=>{
audio.pause();
});
art.on('video:playing', ()=>{
if (url && art.playing) audio.play().catch((err)=>{
console.warn(err);
});
});
art.on('destroy', ()=>{
audio.pause();
audio.src = '';
docs/uncompiled/artplayer-plugin-audio-track/index.js.map
+1 -1
View File
@@ -1 +1 @@
{"mappings":"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","sources":["packages/artplayer-plugin-audio-track/src/index.js","node_modules/@parcel/transformer-js/src/esmodule-helpers.js"],"sourcesContent":["export default function artplayerPluginAudioTrack(option) {\n return (art) => {\n let { url, offset = 0, sync = 0.3 } = option\n\n const audio = new Audio()\n audio.preload = 'auto'\n if (url) {\n audio.src = url\n }\n\n function syncAudio() {\n if (!art.video || !url)\n return\n\n const videoTime = art.currentTime\n const targetTime = videoTime + offset\n\n if (Math.abs(audio.currentTime - targetTime) > sync) {\n audio.currentTime = targetTime\n }\n }\n\n art.on('play', () => {\n if (!url)\n return\n syncAudio()\n audio.play().catch((err) => {\n console.warn(err)\n })\n })\n\n art.on('pause', () => {\n audio.pause()\n })\n\n art.on('seek', () => {\n syncAudio()\n })\n\n art.on('video:timeupdate', () => {\n if (art.playing) {\n syncAudio()\n }\n })\n\n art.on('video:ratechange', () => {\n audio.playbackRate = art.video.playbackRate\n })\n\n art.on('video:volumechange', () => {\n audio.volume = art.volume\n audio.muted = art.muted\n })\n\n art.on('destroy', () => {\n audio.pause()\n audio.src = ''\n audio.load()\n })\n\n function update(newOption) {\n if (newOption.url && newOption.url !== url) {\n url = newOption.url\n audio.src = url\n if (art.playing) {\n audio.play().catch(err => console.warn(err))\n }\n }\n\n if (newOption.offset !== undefined) {\n offset = newOption.offset\n }\n\n if (newOption.sync !== undefined) {\n sync = newOption.sync\n }\n }\n\n audio.volume = art.volume\n audio.muted = art.muted\n audio.playbackRate = art.video?.playbackRate || 1\n\n return {\n name: 'artplayerPluginAudioTrack',\n audio,\n update,\n }\n }\n}\n\nif (typeof window !== 'undefined') {\n window.artplayerPluginAudioTrack = artplayerPluginAudioTrack\n}\n","exports.interopDefault = function (a) {\n return a && a.__esModule ? a : {default: a};\n};\n\nexports.defineInteropFlag = function (a) {\n Object.defineProperty(a, '__esModule', {value: true});\n};\n\nexports.exportAll = function (source, dest) {\n Object.keys(source).forEach(function (key) {\n if (\n key === 'default' ||\n key === '__esModule' ||\n Object.prototype.hasOwnProperty.call(dest, key)\n ) {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function () {\n return source[key];\n },\n });\n });\n\n return dest;\n};\n\nexports.export = function (dest, destName, get) {\n Object.defineProperty(dest, destName, {\n enumerable: true,Line truncated
{"mappings":"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","sources":["packages/artplayer-plugin-audio-track/src/index.js","node_modules/@parcel/transformer-js/src/esmodule-helpers.js"],"sourcesContent":["export default function artplayerPluginAudioTrack(option) {\n return (art) => {\n let { url, offset = 0, sync = 0.3 } = option\n\n const audio = new Audio()\n audio.preload = 'auto'\n if (url) {\n audio.src = url\n }\n\n function syncAudio() {\n if (!art.video || !url)\n return\n\n const videoTime = art.currentTime\n const targetTime = videoTime + offset\n\n if (Math.abs(audio.currentTime - targetTime) > sync) {\n audio.currentTime = targetTime\n }\n }\n\n art.on('play', () => {\n if (!url)\n return\n syncAudio()\n audio.play().catch((err) => {\n console.warn(err)\n })\n })\n\n art.on('pause', () => {\n audio.pause()\n })\n\n art.on('seek', () => {\n syncAudio()\n })\n\n art.on('video:timeupdate', () => {\n if (art.playing) {\n syncAudio()\n }\n })\n\n art.on('video:ratechange', () => {\n audio.playbackRate = art.video.playbackRate\n })\n\n art.on('video:volumechange', () => {\n audio.volume = art.volume\n audio.muted = art.muted\n })\n\n art.on('video:waiting', () => {\n audio.pause()\n })\n\n art.on('video:playing', () => {\n if (url && art.playing) {\n audio.play().catch((err) => {\n console.warn(err)\n })\n }\n })\n\n art.on('destroy', () => {\n audio.pause()\n audio.src = ''\n audio.load()\n })\n\n function update(newOption) {\n if (newOption.url && newOption.url !== url) {\n url = newOption.url\n audio.src = url\n if (art.playing) {\n audio.play().catch(err => console.warn(err))\n }\n }\n\n if (newOption.offset !== undefined) {\n offset = newOption.offset\n }\n\n if (newOption.sync !== undefined) {\n sync = newOption.sync\n }\n }\n\n audio.volume = art.volume\n audio.muted = art.muted\n audio.playbackRate = art.video?.playbackRate || 1\n\n return {\n name: 'artplayerPluginAudioTrack',\n audio,\n update,\n }\n }\n}\n\nif (typeof window !== 'undefined') {\n window.artplayerPluginAudioTrack = artplayerPluginAudioTrack\n}\n","exports.interopDefault = function (a) {\n return a && a.__esModule ? a : {default: a};\n};\n\nexports.defineInteropFlag = function (a) {\n Object.defineProperty(a, '__esModule', {value: true});\n};\n\nexports.exportAll = function (source, dest) {\n Object.keys(source).forEach(function (key) {\n if (\n key === 'default' ||Line truncated
packages/artplayer-plugin-audio-track/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "artplayer-plugin-audio-track",
"version": "1.0.0",
"version": "1.0.1",
"description": "audio-track plugin for ArtPlayer",
"author": "Harvey Zack <laozhaochaguan@gmail.com>",
"license": "MIT",
packages/artplayer-plugin-audio-track/src/index.js
+12
View File
@@ -52,6 +52,18 @@ export default function artplayerPluginAudioTrack(option) {
audio.muted = art.muted
})
art.on('video:waiting', () => {
audio.pause()
})
art.on('video:playing', () => {
if (url && art.playing) {
audio.play().catch((err) => {
console.warn(err)
})
}
})
art.on('destroy', () => {
audio.pause()
audio.src = ''