LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-08-23 17:47:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

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

@ -311,6 +311,11 @@ export default React.memo<Props>(function VideoJs(props: Props) {
// $FlowFixMe // $FlowFixMe
containerRef.current.appendChild(wrapper); containerRef.current.appendChild(wrapper);
fetch(source).then(response => {
if (response.redirected && response.url && response.url.endsWith('m3u8')) {
videoJsOptions.sources[0].type = 'application/x-mpegURL';
}
player = videojs(el, videoJsOptions, () => { player = videojs(el, videoJsOptions, () => {
if (player) { if (player) {
player.one('play', onInitialPlay); player.one('play', onInitialPlay);
@ -332,6 +337,7 @@ export default React.memo<Props>(function VideoJs(props: Props) {
player.on('fullscreenchange', () => document.activeElement && document.activeElement.blur()); player.on('fullscreenchange', () => document.activeElement && document.activeElement.blur());
window.addEventListener('keydown', handleKeyDown); window.addEventListener('keydown', handleKeyDown);
});
return () => { return () => {
window.removeEventListener('keydown', handleKeyDown); window.removeEventListener('keydown', handleKeyDown);

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

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