crabapples
/
noVNC
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Got Stream From Canvas element and display it

This commit is contained in:
Daniel Hervás Rodao 2021-06-26 16:44:52 +02:00
parent dd20b17d49
commit b8f49922b9
1 changed files with 32 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
vnc.html
View File

@ -52,6 +52,13 @@
<script src="app/error-handler.js"></script> <script src="app/error-handler.js"></script>
<script type="module" crossorigin="anonymous" src="app/ui.js"></script> <script type="module" crossorigin="anonymous" src="app/ui.js"></script>
<style>
video{
max-width: 600px;
}
</style>
</head> </head>
<body> <body>
@ -311,5 +318,30 @@
<source src="app/sounds/bell.oga" type="audio/ogg"> <source src="app/sounds/bell.oga" type="audio/ogg">
<source src="app/sounds/bell.mp3" type="audio/mpeg"> <source src="app/sounds/bell.mp3" type="audio/mpeg">
</audio> </audio>
<div id="video">
<video id="localVideo" playsinline autoplay></video>
</div>
<script>
const localVideo = document.querySelector('#localVideo');
var stream_set = false;
var canvas = document.querySelector('#noVNC_container canvas');
// Buscar el canvas
setInterval(function(){
if(canvas === null){
canvas = document.querySelector('#noVNC_container canvas');
console.log('CANVAS: ', canvas);
}else{
if(!stream_set){
let stream = canvas.captureStream();
//localVideo.play();
localVideo.srcObject = stream;
stream_set = true;
}
}
},500);
</script>
</body> </body>
</html> </html>