Add vjs live steam poster url as config

Adds a new config to show a poster url in the live stream view
This commit is contained in:
Sean Engelhardt 2020-09-18 17:29:32 +02:00 committed by Sean
parent acbddd3c53
commit 7f53636b7b
3 changed files with 34 additions and 2 deletions

View File

@ -4,6 +4,20 @@
.video-js { .video-js {
margin: auto; margin: auto;
// we keep the button for now
// .vjs-big-play-button {
// left: 0;
// top: 0;
// width: 100%;
// height: 100%;
// border: 0;
// border-radius: 0;
// background-color: rgba(0, 0, 0, 0);
// .vjs-icon-placeholder {
// display: none !important;
// }
// }
.vjs-control-bar { .vjs-control-bar {
.vjs-subs-caps-button { .vjs-subs-caps-button {
display: none !important; display: none !important;

View File

@ -12,6 +12,8 @@ import {
import videojs from 'video.js'; import videojs from 'video.js';
import { ConfigService } from 'app/core/ui-services/config.service';
interface VideoSource { interface VideoSource {
src: string; src: string;
type: MimeType; type: MimeType;
@ -56,14 +58,21 @@ export class VjsPlayerComponent implements OnInit, OnDestroy {
}; };
} }
public constructor() {} private posterUrl: string;
public constructor(config: ConfigService) {
config.get<string>('general_system_stream_poster').subscribe(posterUrl => {
this.posterUrl = posterUrl;
});
}
public async ngOnInit(): Promise<void> { public async ngOnInit(): Promise<void> {
this.player = videojs(this.videoPlayer.nativeElement, { this.player = videojs(this.videoPlayer.nativeElement, {
textTrackSettings: false, textTrackSettings: false,
fluid: true, fluid: true,
autoplay: 'any', autoplay: 'any',
liveui: true liveui: true,
poster: this.posterUrl
}); });
this.playVideo(); this.playVideo();
} }

View File

@ -130,6 +130,15 @@ def get_config_variables():
subgroup="Live conference", subgroup="Live conference",
) )
yield ConfigVariable(
name="general_system_stream_poster",
default_value="",
label="Livestream poster image url",
help_text="Shows if livestream is not started. Recommended image format: 500x281px, PNG or JPG",
weight=144,
subgroup="Live conference",
)
# General System # General System
yield ConfigVariable( yield ConfigVariable(