diff options
author | Chocobozzz <me@florianbigard.com> | 2020-05-06 11:54:33 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2020-05-06 11:54:33 +0200 |
commit | 1151f5210c0e7665ec6714e73261f299e6fe757b (patch) | |
tree | 4d43e548a7d9ce7e7c4ecf6a257e9c8e395c3f95 /client/src/standalone/videos/embed-api.ts | |
parent | fc8aabd0bf38441c0591f21b9b435b52e99ffc23 (diff) | |
download | PeerTube-1151f5210c0e7665ec6714e73261f299e6fe757b.tar.gz PeerTube-1151f5210c0e7665ec6714e73261f299e6fe757b.tar.zst PeerTube-1151f5210c0e7665ec6714e73261f299e6fe757b.zip |
Add ability to update embed captions
Diffstat (limited to 'client/src/standalone/videos/embed-api.ts')
-rw-r--r-- | client/src/standalone/videos/embed-api.ts | 25 |
1 files changed, 24 insertions, 1 deletions
diff --git a/client/src/standalone/videos/embed-api.ts b/client/src/standalone/videos/embed-api.ts index 194465d4a..a9263555d 100644 --- a/client/src/standalone/videos/embed-api.ts +++ b/client/src/standalone/videos/embed-api.ts | |||
@@ -1,7 +1,7 @@ | |||
1 | import './embed.scss' | 1 | import './embed.scss' |
2 | 2 | ||
3 | import * as Channel from 'jschannel' | 3 | import * as Channel from 'jschannel' |
4 | import { PeerTubeResolution } from '../player/definitions' | 4 | import { PeerTubeResolution, PeerTubeTextTrack } from '../player/definitions' |
5 | import { PeerTubeEmbed } from './embed' | 5 | import { PeerTubeEmbed } from './embed' |
6 | 6 | ||
7 | /** | 7 | /** |
@@ -44,6 +44,9 @@ export class PeerTubeEmbedApi { | |||
44 | channel.bind('setResolution', (txn, resolutionId) => this.setResolution(resolutionId)) | 44 | channel.bind('setResolution', (txn, resolutionId) => this.setResolution(resolutionId)) |
45 | channel.bind('getResolutions', (txn, params) => this.resolutions) | 45 | channel.bind('getResolutions', (txn, params) => this.resolutions) |
46 | 46 | ||
47 | channel.bind('getCaptions', (txn, params) => this.getCaptions()) | ||
48 | channel.bind('setCaption', (txn, id) => this.setCaption(id)), | ||
49 | |||
47 | channel.bind('setPlaybackRate', (txn, playbackRate) => this.embed.player.playbackRate(playbackRate)) | 50 | channel.bind('setPlaybackRate', (txn, playbackRate) => this.embed.player.playbackRate(playbackRate)) |
48 | channel.bind('getPlaybackRate', (txn, params) => this.embed.player.playbackRate()) | 51 | channel.bind('getPlaybackRate', (txn, params) => this.embed.player.playbackRate()) |
49 | channel.bind('getPlaybackRates', (txn, params) => this.embed.player.options_.playbackRates) | 52 | channel.bind('getPlaybackRates', (txn, params) => this.embed.player.options_.playbackRates) |
@@ -71,6 +74,26 @@ export class PeerTubeEmbedApi { | |||
71 | this.embed.player.p2pMediaLoader().getHLSJS().nextLevel = resolutionId | 74 | this.embed.player.p2pMediaLoader().getHLSJS().nextLevel = resolutionId |
72 | } | 75 | } |
73 | 76 | ||
77 | private getCaptions (): PeerTubeTextTrack[] { | ||
78 | return this.embed.player.textTracks().tracks_.map(t => { | ||
79 | return { | ||
80 | id: t.id, | ||
81 | src: t.src, | ||
82 | label: t.label, | ||
83 | mode: t.mode as any | ||
84 | } | ||
85 | }) | ||
86 | } | ||
87 | |||
88 | private setCaption (id: string) { | ||
89 | const tracks = this.embed.player.textTracks().tracks_ | ||
90 | |||
91 | for (const track of tracks) { | ||
92 | if (track.id === id) track.mode = 'showing' | ||
93 | else track.mode = 'disabled' | ||
94 | } | ||
95 | } | ||
96 | |||
74 | /** | 97 | /** |
75 | * Let the host know that we're ready to go! | 98 | * Let the host know that we're ready to go! |
76 | */ | 99 | */ |