2 muutettua tiedostoa jossa 12 lisäystä ja 5 poistoa
+ 10
- 5
apps/screen.js
Näytä tiedosto
| isOn: false, | isOn: false, | ||||
| start() { | start() { | ||||
| const screen = document.querySelector('video.screen') | const screen = document.querySelector('video.screen') | ||||
| navigator.mediaDevices.getDisplayMedia() | |||||
| if(screen) { | |||||
| navigator.mediaDevices.getDisplayMedia() | |||||
| .then(s => {screen.srcObject = s}) | .then(s => {screen.srcObject = s}) | ||||
| .catch(e => console.error(e)) | .catch(e => console.error(e)) | ||||
| } | |||||
| }, | }, | ||||
| toggle() { | toggle() { | ||||
| ScreenShare.isOn = !ScreenShare.isOn | ScreenShare.isOn = !ScreenShare.isOn | ||||
| // ScreenShare.start() | |||||
| if(ScreenShare.isOn) { | |||||
| // setTimeout(ScreenShare.start, 100) | |||||
| } | |||||
| }, | }, | ||||
| view() { | view() { | ||||
| const style = { | const style = { | ||||
| width: '80%', | |||||
| height: '80%', | |||||
| overflow: 'scroll', | |||||
| } | } | ||||
| return m('video.screen[playsinline][autoplay]', {style}) | |||||
| return ScreenShare.isOn && m('div', {style}, | |||||
| m('video.screen[playsinline][autoplay]'), | |||||
| ) | |||||
| }, | }, | ||||
| } | } | ||||
| addEventListener('load', () => { | addEventListener('load', () => { |
+ 2
- 0
pico.html
Näytä tiedosto
| } | } | ||||
| main { | main { | ||||
| overflow: hidden; | overflow: hidden; | ||||
| display: grid; | |||||
| grid-auto-flow: column; | |||||
| } | } | ||||
| </style> | </style> | ||||
| <body>PicoChat requires JS</body> | <body>PicoChat requires JS</body> |
Loading…