Killing the web socket connection when modal closes

[tesla-srt]

Hi, I have an app that I am working on that can handle multiple cameras.
each camera has a bootstrap modal that displays the canvas.

I am wondering how I can ensure that the web socket connection the rtsp stream is killed when the modal gets closed

[k-yle]

Hi, if you initialized the player on the client side using loadPlayer (see recently updated README), then you make use of the Player object that is returned by that promise.

For example:

const player = await loadPlayer({
  url: 'ws://' + location.host + '/api/stream',
  canvas: document.getElementById('canvas')
});

player.destroy();

If you want to be certain that it works, on the server side, add verbose: true to proxy({ url: "..." })and you'll see a message printed that says "no clients left; destroying stream"

Hope this helps!

[tesla-srt]

Aha! Thank you!

[rakeshraushan1997]

but this is not working raise error "Module parse failed: Cannot use keyword 'await' outside an async function (17:23)
File was processed with these loaders:"

[k-yle]

@rakeshraushan1997 you may want to read this introduction to async functions

[tesla-srt]

@k-yle I noticed that .destroy() also deletes the canvas?

[k-yle]

I think it might do that... not at my laptop rn so I can't confirm.

Perhaps .stop() will work better for you?