@@ -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), | |||
}), | |||
) |