ambiser
/
openvidu
mirror of https://github.com/OpenVidu/openvidu.git
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

openvidu-testapp: types in initGrayVideo

pull/127/head
pabloFuente 2018-09-27 09:51:24 +02:00
parent 218a19ee06
commit 1f298b498d
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts
View File

@ -477,8 +477,9 @@ export class OpenviduInstanceComponent implements OnInit, OnChanges, OnDestroy {
} }
) )
.then((mediaStream: MediaStream) => { .then((mediaStream: MediaStream) => {
const videoStreamTrack = mediaStream.getVideoTracks()[0];
const video = document.createElement('video'); const videoStreamTrack: MediaStreamTrack = mediaStream.getVideoTracks()[0];
const video: HTMLVideoElement = document.createElement('video');
video.srcObject = new MediaStream([videoStreamTrack]); video.srcObject = new MediaStream([videoStreamTrack]);
video.play(); video.play();
const canvas = document.createElement('canvas') as any; const canvas = document.createElement('canvas') as any;
@ -494,7 +495,7 @@ export class OpenviduInstanceComponent implements OnInit, OnChanges, OnDestroy {
}; };
loop(); loop();
}); });
const grayVideoTrack = canvas.captureStream(30).getVideoTracks()[0]; const grayVideoTrack: MediaStreamTrack = (<MediaStream>canvas.captureStream(30)).getVideoTracks()[0];
this.publisher = this.OV.initPublisher( this.publisher = this.OV.initPublisher(
document.body, document.body,
{ {
@ -502,10 +503,11 @@ export class OpenviduInstanceComponent implements OnInit, OnChanges, OnDestroy {
videoSource: grayVideoTrack, videoSource: grayVideoTrack,
insertMode: VideoInsertMode.APPEND insertMode: VideoInsertMode.APPEND
}); });
this.session.publish(this.publisher).catch((error: OpenViduError) => { this.session.publish(this.publisher).catch((error: OpenViduError) => {
console.error(error); console.error(error);
this.session.unpublish(this.publisher); this.session.unpublish(this.publisher);
}); });
}) })
.catch(error => { .catch(error => {
console.error(error); console.error(error);