r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Auto-play media settings

Browse Source
This commit is contained in:
Eduard Kuzmenko 2021-03-13 14:33:23 +04:00
parent e1de44ebe4
commit 3a256f20f1
2 changed files with 27 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/sidebarLeft/tabs/generalSettings.ts
View File

@ -131,7 +131,7 @@ export default class AppGeneralSettingsTab extends SliderSuperTab {
{ {
const container = section('Auto-Play Media'); const container = section('Auto-Play Media');
container.classList.add('sidebar-left-section-disabled'); //container.classList.add('sidebar-left-section-disabled');
const gifsCheckboxField = new CheckboxField({ const gifsCheckboxField = new CheckboxField({
text: 'GIFs', text: 'GIFs',

33
src/components/wrappers.ts
View File

@ -52,14 +52,16 @@ export function wrapVideo({doc, container, message, boxWidth, boxHeight, withTai
noAutoDownload?: boolean, noAutoDownload?: boolean,
}) { }) {
const isAlbumItem = !(boxWidth && boxHeight); const isAlbumItem = !(boxWidth && boxHeight);
const canAutoplay = doc.type !== 'video' || (doc.size <= MAX_VIDEO_AUTOPLAY_SIZE && !isAlbumItem); const canAutoplay = (doc.type !== 'video' || (doc.size <= MAX_VIDEO_AUTOPLAY_SIZE && !isAlbumItem))
let spanTime: HTMLElement; && (doc.type === 'gif' ? rootScope.settings.autoPlay.gifs : rootScope.settings.autoPlay.videos);
let spanTime: HTMLElement, spanPlay: HTMLElement;
if(!noInfo) { if(!noInfo) {
spanTime = document.createElement('span'); spanTime = document.createElement('span');
spanTime.classList.add('video-time'); spanTime.classList.add('video-time');
container.append(spanTime); container.append(spanTime);
let needPlayButton = false;
if(doc.type !== 'gif') { if(doc.type !== 'gif') {
spanTime.innerText = (doc.duration + '').toHHMMSS(false); spanTime.innerText = (doc.duration + '').toHHMMSS(false);
@ -67,13 +69,22 @@ export function wrapVideo({doc, container, message, boxWidth, boxHeight, withTai
if(canAutoplay) { if(canAutoplay) {
spanTime.classList.add('tgico', 'can-autoplay'); spanTime.classList.add('tgico', 'can-autoplay');
} else { } else {
const spanPlay = document.createElement('span'); needPlayButton = true;
spanPlay.classList.add('video-play', 'tgico-largeplay', 'btn-circle', 'position-center');
container.append(spanPlay);
} }
} }
} else { } else {
spanTime.innerText = 'GIF'; spanTime.innerText = 'GIF';
if(!canAutoplay && !noPlayButton) {
needPlayButton = true;
noAutoDownload = undefined;
}
}
if(needPlayButton) {
spanPlay = document.createElement('span');
spanPlay.classList.add('video-play', 'tgico-largeplay', 'btn-circle', 'position-center');
container.append(spanPlay);
} }
} }
@ -237,7 +248,7 @@ export function wrapVideo({doc, container, message, boxWidth, boxHeight, withTai
res.thumb = photoRes; res.thumb = photoRes;
if(!canAutoplay || onlyPreview) { if((!canAutoplay && doc.type !== 'gif') || onlyPreview) {
res.loadPromise = photoRes.loadPromises.full; res.loadPromise = photoRes.loadPromises.full;
return res; return res;
} }
@ -370,7 +381,15 @@ export function wrapVideo({doc, container, message, boxWidth, boxHeight, withTai
return; return;
} */ } */
res.loadPromise = !lazyLoadQueue ? load().render : (lazyLoadQueue.push({div: container, load: () => load().render}), Promise.resolve()); if(doc.type === 'gif' && !canAutoplay) {
attachClickEvent(container, (e) => {
cancelEvent(e);
spanPlay.remove();
load();
}, {capture: true, once: true});
} else {
res.loadPromise = !lazyLoadQueue ? load().render : (lazyLoadQueue.push({div: container, load: () => load().render}), Promise.resolve());
}
return res; return res;
} }