Skip to content
GitLab

Playback sometimes fails

I want to play a media file, stored on s3 and get the following error:

Uncaught (in promise) DOMException: The media resource indicated by the src attribute or assigned media provider object was not suitable.
    play player.ts:134
    usePlayer player.ts:52
    callWithErrorHandling runtime-core.esm-bundler.js:157
    callWithAsyncErrorHandling runtime-core.esm-bundler.js:166
    getter runtime-core.esm-bundler.js:1732
    run reactivity.esm-bundler.js:187
    job runtime-core.esm-bundler.js:1809
    callWithErrorHandling runtime-core.esm-bundler.js:157
    flushJobs runtime-core.esm-bundler.js:390
    promise callback*queueFlush runtime-core.esm-bundler.js:282
    queueJob runtime-core.esm-bundler.js:276
    effect runtime-core.esm-bundler.js:5743
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:387
    triggerRefValue reactivity.esm-bundler.js:1003
    node_modules chunk-DQLABA3G.js:1556
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:382
    triggerRefValue reactivity.esm-bundler.js:1003
    node_modules chunk-DQLABA3G.js:1556
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:382
    triggerRefValue reactivity.esm-bundler.js:1003
    node_modules chunk-DQLABA3G.js:1556
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:382
    trigger reactivity.esm-bundler.js:370
    set$1 reactivity.esm-bundler.js:658
    <anonymous> queue.ts:69
    callWithErrorHandling runtime-core.esm-bundler.js:157
    callWithAsyncErrorHandling runtime-core.esm-bundler.js:166
    getter runtime-core.esm-bundler.js:1732
    run reactivity.esm-bundler.js:187
    job runtime-core.esm-bundler.js:1809
    callWithErrorHandling runtime-core.esm-bundler.js:157
    flushJobs runtime-core.esm-bundler.js:390
    promise callback*queueFlush runtime-core.esm-bundler.js:282
    queueJob runtime-core.esm-bundler.js:276
    effect runtime-core.esm-bundler.js:5743
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:387
    triggerRefValue reactivity.esm-bundler.js:1003
    node_modules chunk-DQLABA3G.js:1556
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:382
    triggerRefValue reactivity.esm-bundler.js:1003
    node_modules chunk-DQLABA3G.js:1556
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:382
    triggerRefValue reactivity.esm-bundler.js:1003
    node_modules chunk-DQLABA3G.js:1556
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:382
    trigger reactivity.esm-bundler.js:370
    set2 reactivity.esm-bundler.js:523
    key reactivity.esm-bundler.js:442
    enqueueAt queue.ts:152
    enqueue queue.ts:168
    replacePlay usePlayOptions.ts:163
    activateTrack usePlayOptions.ts:182
    _sfc_render/_cache[0]< Row.vue:71
    node_modules chunk-DQLABA3G.js:9596
player.ts:134:4
Uncaught (in promise) DOMException: The media resource indicated by the src attribute or assigned media provider object was not suitable.
    play player.ts:134
    createTrack tracks.ts:186
    initialize tracks.ts:197
    whenever index.mjs:1549
    callWithErrorHandling runtime-core.esm-bundler.js:157
    callWithAsyncErrorHandling runtime-core.esm-bundler.js:166
    job runtime-core.esm-bundler.js:1794
    callWithErrorHandling runtime-core.esm-bundler.js:157
    flushJobs runtime-core.esm-bundler.js:390
    promise callback*queueFlush runtime-core.esm-bundler.js:282
    queueJob runtime-core.esm-bundler.js:276
    effect runtime-core.esm-bundler.js:5743
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:387
    triggerRefValue reactivity.esm-bundler.js:1003
    node_modules chunk-DQLABA3G.js:1556
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:382
    triggerRefValue reactivity.esm-bundler.js:1003
    node_modules chunk-DQLABA3G.js:1556
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:382
    triggerRefValue reactivity.esm-bundler.js:1003
    node_modules chunk-DQLABA3G.js:1556
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:382
    trigger reactivity.esm-bundler.js:370
    set$1 reactivity.esm-bundler.js:658
    <anonymous> queue.ts:69
    callWithErrorHandling runtime-core.esm-bundler.js:157
    callWithAsyncErrorHandling runtime-core.esm-bundler.js:166
    getter runtime-core.esm-bundler.js:1732
    run reactivity.esm-bundler.js:187
    job runtime-core.esm-bundler.js:1809
    callWithErrorHandling runtime-core.esm-bundler.js:157
    flushJobs runtime-core.esm-bundler.js:390
    promise callback*queueFlush runtime-core.esm-bundler.js:282
    queueJob runtime-core.esm-bundler.js:276
    effect runtime-core.esm-bundler.js:5743
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:387
    triggerRefValue reactivity.esm-bundler.js:1003
    node_modules chunk-DQLABA3G.js:1556
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:382
    triggerRefValue reactivity.esm-bundler.js:1003
    node_modules chunk-DQLABA3G.js:1556
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:382
    triggerRefValue reactivity.esm-bundler.js:1003
    node_modules chunk-DQLABA3G.js:1556
    triggerEffect reactivity.esm-bundler.js:397
    triggerEffects reactivity.esm-bundler.js:382
    trigger reactivity.esm-bundler.js:370
    set2 reactivity.esm-bundler.js:523
    key reactivity.esm-bundler.js:442
    enqueueAt queue.ts:152
    enqueue queue.ts:168
    replacePlay usePlayOptions.ts:163
    activateTrack usePlayOptions.ts:182
    _sfc_render/_cache[0]< Row.vue:71
    node_modules chunk-DQLABA3G.js:9596