mirror of
https://github.com/giongto35/cloud-game.git
synced 2026-01-23 02:34:42 +00:00
Track fullscreen for <video>
This commit is contained in:
parent
91ace06f8b
commit
608da9f64b
2 changed files with 5 additions and 8 deletions
|
|
@ -127,7 +127,7 @@
|
|||
<script src="js/env.js?v=5"></script>
|
||||
<script src="js/input/input.js?v=3"></script>
|
||||
<script src="js/gameList.js?v=3"></script>
|
||||
<script src="js/stream/stream.js?v=6"></script>
|
||||
<script src="js/stream/stream.js?v=7"></script>
|
||||
<script src="js/room.js?v=3"></script>
|
||||
<script src="js/network/ajax.js?v=3"></script>
|
||||
<script src="js/network/socket.js?v=4"></script>
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@ const stream = (() => {
|
|||
},
|
||||
state = {
|
||||
screen: screen,
|
||||
fullscreen: false,
|
||||
timerId: null,
|
||||
w: 0,
|
||||
h: 0,
|
||||
|
|
@ -27,11 +28,7 @@ const stream = (() => {
|
|||
screen.play()
|
||||
.then(() => log.info('Media can autoplay'))
|
||||
.catch(error => {
|
||||
// Usually error happens when we autoplay unmuted video, browser requires manual play.
|
||||
// We already muted video and use separate audio encoding so it's fine now
|
||||
log.error('Media Failed to autoplay');
|
||||
log.error(error)
|
||||
// TODO: Consider workaround
|
||||
log.error('Media failed to play', error);
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -86,7 +83,7 @@ const stream = (() => {
|
|||
}, false);
|
||||
|
||||
screen.addEventListener('fullscreenchange', () => {
|
||||
const fullscreen = document.fullscreenElement
|
||||
state.fullscreen = !!document.fullscreenElement;
|
||||
|
||||
const w = window.screen.width ?? window.innerWidth;
|
||||
const h = window.screen.height ?? window.innerHeight;
|
||||
|
|
@ -95,7 +92,7 @@ const stream = (() => {
|
|||
const hh = document.documentElement.innerHeight;
|
||||
|
||||
screen.style.padding = '0'
|
||||
if (fullscreen) {
|
||||
if (state.fullscreen) {
|
||||
const dw = (w - ww * state.aspect) / 2
|
||||
screen.style.padding = `0 ${dw}px`
|
||||
// chrome bug
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue