+ 20
- 0
apps/screen.js
查看文件
| @@ -0,0 +1,20 @@ | |||
| const ScreenShare = { | |||
| isOn: false, | |||
| start() { | |||
| const screen = document.querySelector('video.screen') | |||
| navigator.mediaDevices.getDisplayMedia() | |||
| .then(s => {screen.srcObject = s}) | |||
| .catch(e => console.error(e)) | |||
| }, | |||
| toggle() { | |||
| ScreenShare.isOn = !ScreenShare.isOn | |||
| ScreenShare.start() | |||
| }, | |||
| view() { | |||
| const style = { | |||
| width: '80%', | |||
| height: '80%', | |||
| } | |||
| return m('video.screen[playsinline][autoplay]', {style}) | |||
| }, | |||
| } | |||
+ 1
- 0
pico.html
查看文件
| @@ -10,6 +10,7 @@ | |||
| <script src="/apps/streams.js"></script> | |||
| <script src="/apps/chat.js"></script> | |||
| <script src="/apps/volume.js"></script> | |||
| <!-- <script src="/apps/screen.js"></script> --> | |||
| <script src="/pico.js" defer></script> | |||
| </head> | |||
| <body style="margin: 0; padding: 0;"> | |||
+ 2
- 0
pico.js
查看文件
| @@ -196,6 +196,7 @@ const Base = { | |||
| m(VideoConfig), | |||
| m(ChatConfig), | |||
| m('button', {onclick: VolumeMap.toggle}, 'volume'), | |||
| // m('button', {onclick: ScreenShare.toggle}, 'screen'), | |||
| ] : [ | |||
| m('form.login', | |||
| {onsubmit: Base.sendLogin}, | |||
| @@ -209,6 +210,7 @@ const Base = { | |||
| m(StreamContainer, {key: 'lolo'}), | |||
| m(Shadow, {key: 'chat-shadow', app: Chat}), | |||
| m(Shadow, {key: 'map-shadow', app: VolumeMap}), | |||
| // m(Shadow, {key: 'screen-shadow', app: ScreenShare}), | |||
| ] : m(Settings), | |||
| ) | |||
| }, | |||
Loading…