LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

fix for hls support

Browse source
This commit is contained in:
Sean Yesmunt 2021-01-04 10:12:46 -05:00
parent dd1d956bfe
commit f59cdb1929
2 changed files with 27 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
ui/component/viewers/videoViewer/internal/videojs.jsx
View file

@ -311,28 +311,34 @@ export default React.memo<Props>(function VideoJs(props: Props) {
// $FlowFixMe
containerRef.current.appendChild(wrapper);
player = videojs(el, videoJsOptions, () => {
if (player) {
player.one('play', onInitialPlay);
player.on('volumechange', onVolumeChange);
player.on('error', onError);
player.on('ended', onEnded);
LbryVolumeBarClass.replaceExisting(player);
player.mobileUi(); // Inits mobile version. No-op if Desktop.
onPlayerReady(player);
fetch(source).then(response => {
if (response.redirected && response.url && response.url.endsWith('m3u8')) {
videoJsOptions.sources[0].type = 'application/x-mpegURL';
}
player = videojs(el, videoJsOptions, () => {
if (player) {
player.one('play', onInitialPlay);
player.on('volumechange', onVolumeChange);
player.on('error', onError);
player.on('ended', onEnded);
LbryVolumeBarClass.replaceExisting(player);
player.mobileUi(); // Inits mobile version. No-op if Desktop.
onPlayerReady(player);
}
});
window.player = player;
// fixes #3498 (https://github.com/lbryio/lbry-desktop/issues/3498)
// summary: on firefox the focus would stick to the fullscreen button which caused buggy behavior with spacebar
// $FlowFixMe
player.on('fullscreenchange', () => document.activeElement && document.activeElement.blur());
window.addEventListener('keydown', handleKeyDown);
});
window.player = player;
// fixes #3498 (https://github.com/lbryio/lbry-desktop/issues/3498)
// summary: on firefox the focus would stick to the fullscreen button which caused buggy behavior with spacebar
// $FlowFixMe
player.on('fullscreenchange', () => document.activeElement && document.activeElement.blur());
window.addEventListener('keydown', handleKeyDown);
return () => {
window.removeEventListener('keydown', handleKeyDown);

2
ui/scss/component/_file-render.scss
View file

@ -53,6 +53,8 @@
}
.file-render--video {
background-color: black;
&:after {
content: '';
position: absolute;