kalugin66/webtorrent-desktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix preview border rendering

Browse Source
This commit is contained in:
David Ernst
2020-05-01 22:06:05 -07:00
parent 0716444be5
commit 24bc40c95e
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/renderer/pages/player-page.js
View File

@@ -790,7 +790,7 @@ function renderPreview (state) {
const previewEl = document.querySelector('video#preview') const previewEl = document.querySelector('video#preview')
if (previewEl !== null && !preview.hide) { if (previewEl !== null && !preview.hide) {
previewEl.currentTime = preview.time previewEl.currentTime = preview.time
width = (previewEl.videoWidth / previewEl.videoHeight) * height width = Math.floor((previewEl.videoWidth / previewEl.videoHeight) * height)
} }
const windowWidth = document.querySelector('body').clientWidth const windowWidth = document.querySelector('body').clientWidth
@@ -798,10 +798,11 @@ function renderPreview (state) {
return ( return (
<div style={{ position: 'absolute', bottom: 50, left: xPos, display: preview.hide && 'none' }} key='preview'> <div style={{ position: 'absolute', bottom: 50, left: xPos, display: preview.hide && 'none' }} key='preview'>
<div style={{ width, height, backgroundColor: 'black', border: '2px solid lightgrey', borderRadius: 2 }}> <div style={{ width, height, backgroundColor: 'black' }}>
<video <video
src={Playlist.getCurrentLocalURL(state)} src={Playlist.getCurrentLocalURL(state)}
id='preview' id='preview'
style={{ border: '1px solid lightgrey', borderRadius: 2 }}
/> />
</div> </div>
<p style={{ textAlign: 'center', margin: 5, textShadow: '0 0 2px rgba(0,0,0,.5)', color: '#eee' }}>{formatTime(preview.time, state.playing.duration)}</p> <p style={{ textAlign: 'center', margin: 5, textShadow: '0 0 2px rgba(0,0,0,.5)', color: '#eee' }}>{formatTime(preview.time, state.playing.duration)}</p>