refactor(core): CORE-09 isolate source operations and settle cancelled switches

packages/artplayer/src/player/playMix.ts

@@ -1,5 +1,6 @@
 import type { PlayHost } from '../media/hosts'
 import type { PlaybackMethods } from '../media/types'
+import { captureSource } from '../source/operation'
 import { def } from '../utils'
 
 export default function playMix<Media extends Pick<PlaybackMethods, 'play'>>(art: PlayHost<Media>): asserts art is PlayHost<Media> & { play: () => Promise<Awaited<ReturnType<Media['play']>>> } {
@@ -13,12 +14,22 @@ export default function playMix<Media extends Pick<PlaybackMethods, 'play'>>(art
 
   def(art, 'play', {
     async value() {
+      const active = captureSource(art)
       const result = await $video.play()
-      notice.show = i18n.get('Play')
+      if (!active())
+        return result
+      const message = i18n.get('Play')
+      if (!active())
+        return result
+      notice.show = message
+      if (!active())
+        return result
       art.emit('play')
 
       if (option.mutex) {
         for (let index = 0; index < instances.length; index++) {
+          if (!active())
+            break
           const instance = instances[index]!
           if (instance !== art) {
             instance.pause()