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,
}
)
.then((mediaStream: MediaStream) => {
const videoStreamTrack = mediaStream.getVideoTracks()[0];
const video = document.createElement('video');
video.srcObject = new MediaStream([videoStreamTrack]);
video.play();
const canvas = document.createElement('canvas') as any;
const ctx = canvas.getContext('2d');
ctx.filter = 'grayscale(100%)';
.then((mediaStream: MediaStream) => {
const videoStreamTrack = mediaStream.getVideoTracks()[0];
const video = document.createElement('video');
video.srcObject = new MediaStream([videoStreamTrack]);
video.play();
const canvas = document.createElement('canvas') as any;
const ctx = canvas.getContext('2d');
ctx.filter = 'grayscale(100%)';
video.addEventListener('play', () => {
const loop = () => {
if (!video.paused && !video.ended) {
ctx.drawImage(video, 0, 0, 300, 170);
setTimeout(loop, 100); // Drawing at 10fps
}
};
loop();
});
const grayVideoTrack = canvas.captureStream(30).getVideoTracks()[0];
this.OV.initPublisher(
document.body,
{
audioSource: false,
videoSource: grayVideoTrack,
insertMode: 'APPEND'
video.addEventListener('play', () => {
const loop = () => {
if (!video.paused && !video.ended) {
ctx.drawImage(video, 0, 0, 300, 170);
setTimeout(loop, 100); // Drawing at 10fps
}
};
loop();
});
const grayVideoTrack = canvas.captureStream(30).getVideoTracks()[0];
this.OV.initPublisher(
document.body,
{
audioSource: false,
videoSource: grayVideoTrack,
insertMode: 'APPEND'
});
})
.catch(error => {
console.error(error);
});
.catch(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() {
this.openviduRestService.getSessionId(this.openviduUrl, this.openviduSecret,
new SessionProperties.Builder()
.recordingMode(RecordingMode[this.selectedRecordingMode])
.defaultRecordingLayout(RecordingLayout[this.selectedDefaultRecordingLayout])
.mediaMode(MediaMode[this.selectedMediaMode])
.build())
{
recordingMode: RecordingMode[this.selectedRecordingMode],
defaultRecordingLayout: RecordingLayout[this.selectedDefaultRecordingLayout],
mediaMode: MediaMode[this.selectedMediaMode]
})
.then((sessionId) => {
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];
return new Promise((resolve, reject) => {
const tokenOptions: TokenOptionsAPI = new TokenOptionsAPI.Builder()
.role(OVRole)
.data(serverData)
.build();
session.generateToken(tokenOptions)
session.generateToken({
role: OVRole,
data: serverData
})
.then(token => {
this.sessionIdTokenOpenViduRole.get(sessionId).set(token, OVRole);
resolve(token);