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

openvidu-components: Disabled captions feature preview

pull/750/head
Carlos Santos 2022-09-19 10:47:59 +02:00
parent cc5110dec3
commit 3f0e96ac35
5 changed files with 30 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
openvidu-components-angular/projects/openvidu-angular/package.json
View File

@ -10,8 +10,7 @@
"@angular/flex-layout": "^13.0.0-beta.36",
"autolinker": "^3.14.3",
"buffer": "^6.0.3",
"openvidu-browser": "2.22.0",
"lorem-ipsum": "^2.0.8"
"openvidu-browser": "2.22.0"
},
"dependencies": {
"tslib": "^2.3.0"

44
openvidu-components-angular/projects/openvidu-angular/src/lib/components/captions/captions.component.ts
View File

@ -14,8 +14,8 @@ import { PanelEvent, PanelService } from '../../services/panel/panel.service';
import { DocumentService } from '../../services/document/document.service';
import { MediaChange } from '@angular/flex-layout';
//TODO: BORRAR
import { LoremIpsum } from 'lorem-ipsum';
//TODO: Remove when speech to text is integrated
// import { LoremIpsum } from 'lorem-ipsum';
/**
* @internal
@ -50,7 +50,7 @@ export class CaptionsComponent implements OnInit {
captionElements: { connectionId: string; author: string; text: string }[] = [];
//TODO: Delete
//TODO: Remove when speech to text is integrated
private sample = [
{ connectionId: '1', partial: 'frente' },
{ connectionId: '1', partial: 'friends' },
@ -1393,7 +1393,7 @@ export class CaptionsComponent implements OnInit {
});
}
private updateCaption(connectionId: string, text: string) {
//TODO: Delete
//TODO: Remove when speech to text is integrated
const nicknames = new Map();
nicknames.set('1', 'Pepe');
nicknames.set('2', 'Mario');
@ -1453,7 +1453,7 @@ export class CaptionsComponent implements OnInit {
this.captionElements = [...newCaptionElements];
}
// TODO Delete when feature is enabled
//TODO: Remove when speech to text is integrated
private startFakeEventWithSample() {
let index = 0;
let event = <{ connectionId: string; partial: string; text?: string }>this.sample[index];
@ -1475,22 +1475,24 @@ export class CaptionsComponent implements OnInit {
this.interval = eventLoop();
setInterval(() => {
clearInterval(this.interval);
const lorem = new LoremIpsum();
let times = 5;
let partial = 'BLA BLA BLA ';
const interval2 = setInterval(() => {
fakeEventBS.next({ connectionId: '5', partial });
partial += lorem.generateWords(2);
if (times <= 0) {
fakeEventBS.next({ connectionId: '5', partial, text: partial });
clearInterval(interval2);
this.interval = eventLoop();
}
times--;
}, 400);
}, 6000);
//TODO: Simulating an speech event
//TODO: Remove when speech to text is integrated
// setInterval(() => {
// clearInterval(this.interval);
// const lorem = new LoremIpsum();
// let times = 5;
// let partial = 'BLA BLA BLA ';
// const interval2 = setInterval(() => {
// fakeEventBS.next({ connectionId: '5', partial });
// partial += lorem.generateWords(2);
// if (times <= 0) {
// fakeEventBS.next({ connectionId: '5', partial, text: partial });
// clearInterval(interval2);
// this.interval = eventLoop();
// }
// times--;
// }, 400);
// }, 6000);
}
private subscribeToPanelToggling() {

4
openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/settings-panel/settings-panel.component.html
View File

@ -22,7 +22,7 @@
<div mat-line>{{ 'PANEL.SETTINGS.AUDIO' | translate }}</div>
</mat-list-option>
<mat-list-option
*ngIf="showSubtitles"
*ngIf="showSubtitles && false"
class="option"
[selected]="selectedOption === settingsOptions.SUBTITLES"
[value]="settingsOptions.SUBTITLES"
@ -47,7 +47,7 @@
</div>
<ov-video-devices-select *ngIf="selectedOption === settingsOptions.VIDEO"></ov-video-devices-select>
<ov-audio-devices-select *ngIf="selectedOption === settingsOptions.AUDIO"></ov-audio-devices-select>
<ov-subtitles-settings *ngIf="selectedOption === settingsOptions.SUBTITLES && showSubtitles"></ov-subtitles-settings>
<ov-subtitles-settings *ngIf="selectedOption === settingsOptions.SUBTITLES && showSubtitles && false"></ov-subtitles-settings>
</div>
</div>
</div>

2
openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
View File

@ -105,7 +105,7 @@
<!-- Subtitles button -->
<button
*ngIf="!isMinimal && showSubtitlesButton"
*ngIf="!isMinimal && showSubtitlesButton && false"
[disabled]="isConnectionLost"
mat-menu-item
id="subtitles-btn"

3
openvidu-components-angular/projects/openvidu-angular/src/lib/directives/api/toolbar.directive.ts
View File

@ -256,6 +256,9 @@ export class ToolbarBackgroundEffectsButtonDirective implements AfterViewInit, O
* And it also can be used in the {@link ToolbarComponent}.
* @example
* <ov-toolbar [captionsButton]="false"></ov-toolbar>
*
* TODO: Make it public when speech to text is integrated
* @internal
*/
@Directive({
selector: 'ov-videoconference[toolbarCaptionsButton], ov-toolbar[captionsButton]'