Error: Video playback aborted, likely due to new play request

[shaon72]

Describe the bug

The bug arised while I was trying to run the examples/demo app. When I try to open another tab in Safari and connect to the same room, the camera gets turned off and the video player stops. This doesn't happen in Chrome.

Reproduction

Run the app in examples/demo and try to open multiple tabs in Safari.

System Info

OS: Mac OS 12.7.6
Browser: Safari 17.6

Severity

annoyance

Additional Information

No response

[lukasIO]

thanks for the report, please post the entire console logs of such a session on Safari.

[shaon72]

[Log] awaiting getUserMedia promise (livekit-client.js, line 10652)

[Log] video playback aborted, likely due to new play request (livekit-client.js, line 9219)

[Log] room event activeDeviceChanged – {room: "demo-room", roomID: "RM_5GazwMKRUs8Y", participant: "demousr", …} (livekit-client.js, line 21276)
{room: "demo-room", roomID: "RM_5GazwMKRUs8Y", participant: "demousr", pID: "PA_KJS2MR7VtKjv", event: "activeDeviceChanged", …}Objectargs: ["audioinput", "585980611273E90EADCCDAE968A7A708CF7EC076"]Array (2)event: "activeDeviceChanged"pID: "PA_KJS2MR7VtKjv"participant: "demousr"room: "demo-room"roomID: "RM_5GazwMKRUs8Y"Object Prototype

[Debug] active device changed – "audioinput" – "585980611273E90EADCCDAE968A7A708CF7EC076" (demo.ts, line 744)

[Log] awaiting getUserMedia promise (livekit-client.js, line 10652)

[Log] room event connectionQualityChanged – {room: "demo-room", roomID: "RM_5GazwMKRUs8Y", participant: "demousr", …} (livekit-client.js, line 21276)
{room: "demo-room", roomID: "RM_5GazwMKRUs8Y", participant: "demousr", pID: "PA_KJS2MR7VtKjv", event: "connectionQualityChanged", …}Object

[Log] setting publishing codecs – {room: "demo-room", roomID: "", participant: "demousr", …} (livekit-client.js, line 14502)
{room: "demo-room", roomID: "", participant: "demousr", pID: "PA_KJS2MR7VtKjv", trackID: "TR_VCC53ZLccqxm98", …}Object

[Log] setting publishing layers – {room: "demo-room", roomID: "", participant: "demousr", …} (livekit-client.js, line 14557)
{room: "demo-room", roomID: "", participant: "demousr", pID: "PA_KJS2MR7VtKjv", trackID: "TR_VCC53ZLccqxm98", …}Object

[Log] setPublishingLayersForSender – {room: "demo-room", roomID: "", participant: "demousr", …} (livekit-client.js, line 14584)
{room: "demo-room", roomID: "", participant: "demousr", pID: "PA_KJS2MR7VtKjv", trackID: "TR_VCC53ZLccqxm98", …}Object

[Log] setting layer 0 to disabled – {room: "demo-room", roomID: "", participant: "demousr", …} (livekit-client.js, line 14651)
{room: "demo-room", roomID: "", participant: "demousr", pID: "PA_KJS2MR7VtKjv", trackID: "TR_VCC53ZLccqxm98", …}Object

[Log] setting layer 1 to disabled – {room: "demo-room", roomID: "", participant: "demousr", …} (livekit-client.js, line 14651)
{room: "demo-room", roomID: "", participant: "demousr", pID: "PA_KJS2MR7VtKjv", trackID: "TR_VCC53ZLccqxm98", …}Object

[Log] setting layer 2 to disabled – {room: "demo-room", roomID: "", participant: "demousr", …} (livekit-client.js, line 14651)
{room: "demo-room", roomID: "", participant: "demousr", pID: "PA_KJS2MR7VtKjv", trackID: "TR_VCC53ZLccqxm98", …}Object

[Log] setting encodings – {room: "demo-room", roomID: "", participant: "demousr", …} (livekit-client.js, line 14668)
{room: "demo-room", roomID: "", participant: "demousr", pID: "PA_KJS2MR7VtKjv", trackID: "TR_VCC53ZLccqxm98", …}Objectenabled: trueencodings: [Object, Object, Object]Array (3)kind: "video"muted: falsepID: "PA_KJS2MR7VtKjv"participant: "demousr"room: "demo-room"roomID: ""source: "camera"streamID: "3d96c8fa-cb75-4e7c-a631-b8462eafc2af"streamTrackID: "3d96c8fa-cb75-4e7c-a631-b8462eafc2af"trackID: "TR_VCC53ZLccqxm98"Object Prototype

[Log] upstream paused – {room: "demo-room", roomID: "", participant: "demousr", …} (livekit-client.js, line 17390)
{room: "demo-room", roomID: "", participant: "demousr", pID: "PA_KJS2MR7VtKjv", trackID: "TR_AMvMX884qfAGYp", …}Object

[Log] upstream paused – {room: "demo-room", roomID: "", participant: "demousr", …} (livekit-client.js, line 17390)
{room: "demo-room", roomID: "", participant: "demousr", pID: "PA_KJS2MR7VtKjv", trackID: "TR_VCC53ZLccqxm98", …}Object

[Log] updating server mute state after reconcile – {room: "demo-room", roomID: "", participant: "demousr", …} (livekit-client.js, line 18967)
{room: "demo-room", roomID: "", participant: "demousr", pID: "PA_KJS2MR7VtKjv", trackID: "TR_VCC53ZLccqxm98", …}Object

[lukasIO]

thanks, IIRC this is a Safari bug, that should be fixed by updating your browser/OS version. I just can't seem to find the webkit bugreport right now.