How to share screen with audio option enabled?

How to implement?
1

Is it possible to share the a browser tab which playing a video, and let other parties can hear the audio of the playing video? How can I enable audio option of the screen share function? Thanks

2

Hi, take a look this github issue https://github.com/OpenVidu/openvidu/issues/194

3

Need to use chrome extension? Is there any setting to enable it in openvidu browser?

4

There are not any extra setting that allow do this in openvidu
This is not supported for all browsers. Please, read this official API

image
image927×427 41.2 KB

5

Thank you for your suggestion, I can see the audio check box now.

)6(1QLYG)%)Q61`%J(Y0$RJ
)6(1QLYG)%)Q61`%J(Y0$RJ613×510 19.9 KB

However, in the screen share video tag, the audio still show disable, and can’t hear any voice from it.
My settings as below, is it correct?

var displayMediaOptions = {

  video: {

    cursor: "always"

  },

  audio: true

};



let mediaDevices = navigator.mediaDevices as any;

mediaDevices.getDisplayMedia(displayMediaOptions).then((screenStream) => {

let screenVideoTrack = screenStream.getVideoTracks()[0];

let screenAudioTrack = screenStream.getAudioTracks()[0];

this.OVScreen.initPublisherAsync(undefined, {

  audioSource: screenAudioTrack,

  videoSource: screenVideoTrack,

  publishAudio: true,

  publishVideo: true,

  mirror: false    

})

//this.OVScreen.initPublisherAsync(undefined, publisherProperties)

.then((publisher: Publisher) => {................
1 Like
6

Have you checked if other users can hear the audio? Your own video tag is muted to avoid echo.

7

Yes， it works, thank you!

1 Like
8

When I share a tab with audio, the video resolution is reduced, even if I apply the following settings:

publisherScreen.stream.getMediaStream().getVideoTracks()[0].applyConstraints({
width: 1280,
height: 720
});

When I share a window the quality follows the settings above.

Do you know what I can do to share a tab with audio and have an HD or FullHD resolution?

Thanks!

9