Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // ==UserScript==
- // @name YouTube Enhanced Player
- // @name:en YouTube Enhanced Player
- // @name:es YouTube Reproductor Mejorado
- // @namespace http://tampermonkey.net/
- // @version 1.6.3
- // @description Запоминает позицию просмотра видео и возобновляет с этого места (минус 5 секунд), сохраняет выбранную громкость
- // @description:en Remembers video playback position and resumes from that point (minus 5 seconds), saves selected volume
- // @description:es Recuerda la posición de reproducción y continúa desde ese punto (menos 5 segundos), guarda el volumen seleccionado
- // @author YourName
- // @match https://www.youtube.com/*
- // @grant none
- // @icon https://img.icons8.com/?size=100&id=55200&format=png&color=000000
- // @license MIT
- // ==/UserScript==
- (function() {
- 'use strict';
- function getVideoId() {
- const urlParams = new URLSearchParams(window.location.search);
- return urlParams.get('v');
- }
- function saveVideoTime(videoId, currentTime) {
- localStorage.setItem(`yt_time_${videoId}`, currentTime.toString());
- }
- function loadVideoTime(videoId) {
- const savedTime = localStorage.getItem(`yt_time_${videoId}`);
- return savedTime ? parseFloat(savedTime) : 0;
- }
- function saveVolume(volume) {
- localStorage.setItem('yt_volume', volume.toString());
- }
- function loadVolume() {
- const savedVolume = localStorage.getItem('yt_volume');
- return savedVolume ? parseInt(savedVolume, 10) : 100;
- }
- function showSaveNotification() {
- const overlay = document.querySelector('.html5-video-player .ytp-player-content')
- || document.querySelector('.ytp-chrome-top')
- || document.body;
- if (getComputedStyle(overlay).position === 'static') {
- overlay.style.position = 'relative';
- }
- const old = overlay.querySelector('.timeSaveNotification');
- if (old) old.remove();
- const notif = document.createElement('div');
- notif.className = 'timeSaveNotification';
- Object.assign(notif.style, {
- position: 'absolute',
- bottom: '0px',
- right: '5px',
- background: 'rgba(0,0,0,0.7)',
- color: '#fff',
- padding: '5px 10px',
- borderRadius: '5px',
- zIndex: '9999',
- fontSize: '14px',
- opacity: '0',
- transition: 'opacity 0.5s ease',
- });
- notif.innerText = 'Время просмотра сохранено!';
- overlay.appendChild(notif);
- requestAnimationFrame(() => notif.style.opacity = '1');
- setTimeout(() => {
- notif.style.opacity = '0';
- setTimeout(() => notif.remove(), 500);
- }, 3000);
- }
- function initResumePlayback() {
- const video = document.querySelector('video');
- if (!video) return;
- const videoId = getVideoId();
- if (!videoId) return;
- const savedTime = loadVideoTime(videoId);
- if (savedTime > 0) {
- const resumeTime = Math.max(0, savedTime - 5);
- video.currentTime = resumeTime;
- }
- setInterval(() => {
- if (!video.paused) {
- const videoId = getVideoId();
- if (videoId) {
- saveVideoTime(videoId, video.currentTime);
- }
- }
- }, 5000);
- window.addEventListener('beforeunload', () => {
- const videoId = getVideoId();
- if (videoId) {
- saveVideoTime(videoId, video.currentTime);
- }
- });
- }
- function calculateVolume(position, sliderMax) {
- const volume = (position / sliderMax) * 1400;
- return volume.toFixed();
- }
- function updateVolumeDisplay(volume) {
- const old = document.getElementById('customVolumeDisplay');
- if (old) old.remove();
- const btn = document.getElementById('volumeBoostButton');
- if (!btn) return;
- const volumeDisplay = document.createElement('div');
- volumeDisplay.id = 'customVolumeDisplay';
- volumeDisplay.innerText = `${volume}%`;
- Object.assign(volumeDisplay.style, {
- position: 'absolute',
- fontSize: '14px',
- background: 'rgba(0,0,0,0.8)',
- color: '#fff',
- borderRadius: '5px',
- whiteSpace: 'nowrap',
- padding: '2px 6px',
- pointerEvents: 'none',
- transition: 'opacity 0.3s ease, transform 0.3s ease',
- opacity: '0',
- transform: 'translate(-50%, -10px)',
- });
- const btnContainer = btn.parentElement;
- btnContainer.style.position = 'relative';
- btnContainer.appendChild(volumeDisplay);
- const btnRect = btn.getBoundingClientRect();
- const containerRect = btnContainer.getBoundingClientRect();
- const offsetX = btnRect.left - containerRect.left + btnRect.width / 2;
- const offsetY = btnRect.top - containerRect.top;
- volumeDisplay.style.left = `${offsetX}px`;
- volumeDisplay.style.top = `${offsetY}px`;
- requestAnimationFrame(() => {
- volumeDisplay.style.opacity = '1';
- volumeDisplay.style.transform = 'translate(-50%, -20px)';
- });
- setTimeout(() => {
- volumeDisplay.style.opacity = '0';
- volumeDisplay.style.transform = 'translate(-50%, -10px)';
- setTimeout(() => volumeDisplay.remove(), 300);
- }, 1000);
- }
- function createControlPanel(video) {
- const videoId = getVideoId();
- if (!videoId) return;
- const style = document.createElement('style');
- style.textContent = `
- #volumeBoostButton input[type=range] {
- -webkit-appearance: none;
- width: 100px;
- height: 4px;
- background: #ccc;
- borderRadius: 2px;
- outline: none;
- }
- #volumeBoostButton input[type=range]::-webkit-slider-thumb {
- -webkit-appearance: none;
- appearance: none;
- width: 12px;
- height: 12px;
- borderRadius: 50%;
- background: #fff;
- cursor: pointer;
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
- }`;
- document.head.appendChild(style);
- const saveButton = document.createElement('button');
- saveButton.id = 'manualSaveButton';
- saveButton.innerText = '💾';
- Object.assign(saveButton.style, {
- background: 'none',
- border: 'none',
- cursor: 'pointer',
- color: '#fff',
- fontWeight: 'bold',
- marginRight: '1px',
- fontSize: '18px',
- transition: 'transform 0.2s ease',
- });
- saveButton.title = 'Сохранить текущее время просмотра';
- saveButton.addEventListener('click', () => {
- saveVideoTime(videoId, video.currentTime);
- showSaveNotification();
- });
- const volumeBoostButton = document.createElement('button');
- volumeBoostButton.id = 'volumeBoostButton';
- volumeBoostButton.innerText = '🔊';
- Object.assign(volumeBoostButton.style, {
- background: 'none',
- border: 'none',
- cursor: 'pointer',
- color: '#fff',
- fontWeight: 'bold',
- marginRight: '1px',
- fontSize: '18px',
- transition: 'transform 0.2s ease',
- });
- volumeBoostButton.title = 'Усилитель громкости';
- const customVolumeSlider = document.createElement('input');
- Object.assign(customVolumeSlider, {
- type: 'range',
- min: '100',
- max: '1400',
- step: '1',
- value: loadVolume(), // Загружаем сохраненное значение громкости
- });
- Object.assign(customVolumeSlider.style, {
- display: 'none',
- opacity: '0',
- transform: 'scale(0.8)',
- transition: 'opacity 0.3s ease, transform 0.3s ease',
- });
- const audioContext = new (window.AudioContext || window.webkitAudioContext)();
- const gainNode = audioContext.createGain();
- gainNode.connect(audioContext.destination);
- const videoSource = audioContext.createMediaElementSource(video);
- videoSource.connect(gainNode);
- gainNode.gain.value = loadVolume() / 100; // Устанавливаем начальную громкость
- customVolumeSlider.addEventListener('input', function() {
- const volume = calculateVolume(this.value, this.max);
- gainNode.gain.value = volume / 100;
- updateVolumeDisplay(volume);
- saveVolume(volume); // Сохраняем громкость
- });
- function resetVolumeTo100() {
- customVolumeSlider.value = '100';
- gainNode.gain.value = 1.0;
- updateVolumeDisplay('100');
- saveVolume('100'); // Сохраняем сброшенное значение
- }
- volumeBoostButton.addEventListener('mouseenter', () => {
- customVolumeSlider.style.display = 'block';
- requestAnimationFrame(() => {
- customVolumeSlider.style.opacity = '1';
- customVolumeSlider.style.transform = 'scale(1)';
- });
- });
- volumeBoostButton.addEventListener('click', (e) => {
- e.stopPropagation();
- resetVolumeTo100();
- });
- let hideTimeout;
- const sliderContainer = document.createElement('div');
- sliderContainer.style.display = 'flex';
- sliderContainer.style.alignItems = 'center';
- sliderContainer.style.position = 'relative';
- sliderContainer.style.padding = '0px';
- sliderContainer.style.marginLeft = '0px';
- sliderContainer.style.borderRadius = '1px';
- sliderContainer.style.cursor = 'pointer';
- sliderContainer.addEventListener('mouseleave', () => {
- hideTimeout = setTimeout(() => {
- customVolumeSlider.style.opacity = '0';
- customVolumeSlider.style.transform = 'scale(0.8)';
- setTimeout(() => {
- customVolumeSlider.style.display = 'none';
- }, 300);
- }, 300);
- });
- sliderContainer.addEventListener('mouseenter', () => {
- clearTimeout(hideTimeout);
- });
- const controls = document.querySelector('.ytp-chrome-controls');
- if (controls) {
- const buttonContainer = document.createElement('div');
- buttonContainer.style.display = 'flex';
- buttonContainer.style.alignItems = 'center';
- buttonContainer.style.marginRight = '10px';
- sliderContainer.appendChild(volumeBoostButton);
- sliderContainer.appendChild(customVolumeSlider);
- buttonContainer.appendChild(saveButton);
- buttonContainer.appendChild(sliderContainer);
- controls.insertBefore(buttonContainer, controls.firstChild);
- sliderContainer.addEventListener('wheel', (e) => {
- e.preventDefault();
- const step = 50;
- let val = parseInt(customVolumeSlider.value, 10);
- if (e.deltaY < 0) {
- val = Math.min(val + step, parseInt(customVolumeSlider.max, 10));
- } else {
- val = Math.max(val - step, parseInt(customVolumeSlider.min, 10));
- }
- customVolumeSlider.value = val;
- customVolumeSlider.dispatchEvent(new Event('input'));
- });
- }
- updateVolumeDisplay(loadVolume()); // Отображаем начальную громкость
- }
- function init() {
- initResumePlayback();
- const video = document.querySelector('video');
- if (video) createControlPanel(video);
- }
- const checkVideo = setInterval(() => {
- if (document.querySelector('video') && document.querySelector('.ytp-chrome-controls')) {
- clearInterval(checkVideo);
- init();
- }
- }, 500);
- })();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement