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

openvidu-testapp: openvidu-node-client builder patterns to objects

pull/73/head
pabloFuente 2018-04-23 11:08:07 +02:00
parent fadf19cfb0
commit 07264e2750
3 changed files with 36 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -966,36 +966,36 @@ export class OpenviduInstanceComponent implements OnInit, OnChanges, OnDestroy {
frameRate: 10, frameRate: 10,
} }
) )
.then((mediaStream: MediaStream) => { .then((mediaStream: MediaStream) => {
const videoStreamTrack = mediaStream.getVideoTracks()[0]; const videoStreamTrack = mediaStream.getVideoTracks()[0];
const video = document.createElement('video'); const video = 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;
const ctx = canvas.getContext('2d'); const ctx = canvas.getContext('2d');
ctx.filter = 'grayscale(100%)'; ctx.filter = 'grayscale(100%)';
video.addEventListener('play', () => { video.addEventListener('play', () => {
const loop = () => { const loop = () => {
if (!video.paused && !video.ended) { if (!video.paused && !video.ended) {
ctx.drawImage(video, 0, 0, 300, 170); ctx.drawImage(video, 0, 0, 300, 170);
setTimeout(loop, 100); // Drawing at 10fps setTimeout(loop, 100); // Drawing at 10fps
} }
}; };
loop(); loop();
});
const grayVideoTrack = canvas.captureStream(30).getVideoTracks()[0];
this.OV.initPublisher(
document.body,
{
audioSource: false,
videoSource: grayVideoTrack,
insertMode: 'APPEND'
}); });
const grayVideoTrack = canvas.captureStream(30).getVideoTracks()[0];
this.OV.initPublisher(
document.body,
{
audioSource: false,
videoSource: grayVideoTrack,
insertMode: 'APPEND'
});
}) })
.catch(error => { .catch(error => {
console.error(error); console.error(error);
}); });
} }
} }

10
openvidu-testapp/src/app/components/test-apirest/test-apirest.component.ts
View File

@ -70,11 +70,11 @@ export class TestApirestComponent implements OnInit, OnDestroy {
private getSessionId() { private getSessionId() {
this.openviduRestService.getSessionId(this.openviduUrl, this.openviduSecret, this.openviduRestService.getSessionId(this.openviduUrl, this.openviduSecret,
new SessionProperties.Builder() {
.recordingMode(RecordingMode[this.selectedRecordingMode]) recordingMode: RecordingMode[this.selectedRecordingMode],
.defaultRecordingLayout(RecordingLayout[this.selectedDefaultRecordingLayout]) defaultRecordingLayout: RecordingLayout[this.selectedDefaultRecordingLayout],
.mediaMode(MediaMode[this.selectedMediaMode]) mediaMode: MediaMode[this.selectedMediaMode]
.build()) })
.then((sessionId) => { .then((sessionId) => {
this.updateData(); this.updateData();
}) })

9
openvidu-testapp/src/app/services/openvidu-rest.service.ts
View File

@ -37,11 +37,10 @@ export class OpenviduRestService {
const OVRole: OpenViduRoleAPI = OpenViduRoleAPI[role]; const OVRole: OpenViduRoleAPI = OpenViduRoleAPI[role];
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
const tokenOptions: TokenOptionsAPI = new TokenOptionsAPI.Builder() session.generateToken({
.role(OVRole) role: OVRole,
.data(serverData) data: serverData
.build(); })
session.generateToken(tokenOptions)
.then(token => { .then(token => {
this.sessionIdTokenOpenViduRole.get(sessionId).set(token, OVRole); this.sessionIdTokenOpenViduRole.get(sessionId).set(token, OVRole);
resolve(token); resolve(token);