| @@ -52,7 +52,16 @@ const ScreenShare = { | |||
| position: 'relative', | |||
| } | |||
| return ScreenShare.isOff ? [] : m('.screen-share', {style}, | |||
| m('video[playsinline][autoplay]', {srcObject: ScreenShare.stream}) | |||
| m('video[playsinline][autoplay]', { | |||
| oncreate: ({dom}) => { | |||
| dom.srcObject = ScreenShare.stream | |||
| }, | |||
| onupdate: ({dom}) => { | |||
| if(dom.srcObject !== ScreenShare.stream) { | |||
| dom.srcObject = ScreenShare.stream | |||
| } | |||
| }, | |||
| }) | |||
| ) | |||
| }, | |||
| } | |||
| @@ -36,8 +36,15 @@ const Video = { | |||
| ), | |||
| m('video[playsinline][autoplay]', { | |||
| style: styleVideo, | |||
| srcObject: VideoShare.streams[username], | |||
| oncreate: ({dom}) => {dom.muted = username === State.username}, | |||
| oncreate: ({dom}) => { | |||
| dom.muted = username === State.username | |||
| dom.srcObject = VideoShare.streams[username] | |||
| }, | |||
| onupdate: ({dom}) => { | |||
| if(dom.srcObject !== VideoShare.streams[username]) { | |||
| dom.srcObject = VideoShare.streams[username] | |||
| } | |||
| }, | |||
| onremove: () => VideoShare.resetStream(username), | |||
| }), | |||
| ) | |||