您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
B站H5播放器全屏时实时显示当前系统时间和播放进度
当前为
// ==UserScript== // @name BilibiliTimer // @version 2.5.8 // @description B站H5播放器全屏时实时显示当前系统时间和播放进度 // @author AnnAngela // @namespace https://gf.qytechs.cn/users/129402 // @mainpage https://gf.qytechs.cn/zh-CN/scripts/30367-bilibilitimer // @supportURL https://gf.qytechs.cn/zh-CN/scripts/30367-bilibilitimer/feedback // @license GNU General Public License v3.0 or later // @compatible chrome 自Chrome 50开始兼容 // @match *://www.bilibili.com/video/av* // @match *://www.bilibili.com/watchlater* // @match *://www.bilibili.com/html/*layer.htm* // @match *://www.bilibili.com/blackboard/*layer.htm* // @match *://www.bilibili.com/bangumi/play/* // @match *://live.bilibili.com/* // @run-at document-start // @grant unsafeWindow // @grant GM_addStyle // @grant GM_setValue // @grant GM_getValue // @grant GM_deleteValue // @icon data:image/png;base64,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 // @icon64 data:image/png;base64,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 // ==/UserScript== (function() { 'use strict'; /* 防止重复加载 */ if (unsafeWindow.BilibiliTimer) return; var script = { scriptMetaStr: GM_info.scriptMetaStr }; GM_info.scriptMetaStr.split('\n').forEach(function(str) { var string = str.replace(/^\s*\/\/\s*/, ''); var _temp = string.match(/^@(\S+)\s+(.+)$/); if (!_temp) return; var key = _temp[1], value = _temp[2].trim(); if (script[key]) { script[key].push(value); } else { script[key] = [value]; } }); unsafeWindow.console.info('%c' + script.name[0] + '@' + script.version[0] + ' by ' + script.author[0] + ' is running!', "padding: 34px 66px 34px 66px; line-height: 64px; background:url('" + script.icon64[0] + "') top left no-repeat; background-position-y: 4px;"); unsafeWindow.BilibiliTimerUninit = false; unsafeWindow.BilibiliTimerGM = { set: GM_setValue, get: GM_getValue, delete: GM_deleteValue, GM_info: script }; unsafeWindow.BilibiliTimer = {}; /* * 出于实现上的考虑,以下代码被保存为纯文本,并通过unsafeWindow.eval运行,以操作真实环境下的DOM节点 */ var code = [ "(function() {", " 'use strict';", " if (window.BilibiliTimerUninit || !window.jQuery) return false;", " if (!String.prototype.includes) String.prototype.includes = function includes(s) {", " return this.indexOf(s) !== -1;", " };", " var BilibiliTimer = window.BilibiliTimer || (window.BilibiliTimer = {});", " var LF = String.fromCharCode(10);", " BilibiliTimer._loop_count = 0;", " BilibiliTimer.date = function bilibiliPlayerDate() {", " var _date = new Date();", " ['getDate', 'getFullYear', 'getHours', 'getMilliseconds', 'getMinutes', 'getMonth', 'getSeconds', 'getTime', 'getUTCDate', 'getUTCFullYear', 'getUTCHours', 'getUTCMilliseconds', 'getUTCMinutes', 'getUTCMonth', 'getUTCSeconds', 'getYear'].forEach(function(key) {", " _date[key] = function() {", " var result = Date.prototype[key].apply(_date, arguments);", " if (key.includes('Month')) result++;", " if (typeof result === 'number' && (result + '').length === 1) return '0' + result;", " else return result + '';", " };", " });", " return _date;", " };", " try {", " BilibiliTimer.isEmbedded = location.host === 'www.bilibili.com' && ['/blackboard/html5player.html', '/blackboard/player.html'].includes(location.pathname) && top !== window && top.location.host.includes('bilibili.com');", " } catch (_) {", " BilibiliTimer.isEmbedded = false;", " }", " BilibiliTimer.realWindow = BilibiliTimer.isEmbedded ? top : window;", " BilibiliTimer.isLive = function bilibiliIsLive(a, b) {", " return location.host === 'live.bilibili.com' ? a !== undefined ? a : true : b !== undefined ? b : false;", " };", " BilibiliTimer.selector = BilibiliTimer.isLive({", " container: '.bilibili-live-player-video-area',", " controller: '.bilibili-live-player-video-controller',", " fullscreenSendbar: null,", " autoHideButton: '.attention-btn-ctnr > .left-part.dp-i-block.pointer.p-relative',", " autoHideButtonText: '.BilibiliTimerAutoHideButtonText',", " autoHideCheck: null,", " pageTitle: null,", " watchlaterPageTitle: null,", " watchlaterVideoTitle: null,", " bangumiTitle: null,", " bangumiPartTitle: null", " }, {", " container: '.bilibili-player-video-wrap',", " controller: '.bilibili-player-video-control',", " fullscreenSendbar: '.bilibili-player-video-sendbar.active',", " autoHideButton: '.bgray-btn-wrap .bgray-btn.show',", " autoHideButtonText: '.BilibiliTimerAutoHideButtonText',", " autoHideCheck: '.bilibili-player-no-cursor',", " pageTitle: '#v_multipage .item.on',", " watchlaterPageTitle: '.bilibili-player-auxiliary-area .bilibili-player-watchlater-part-item[data-state-play=true] .bilibili-player-watchlater-plist-chapter',", " watchlaterVideoTitle: '.bilibili-player-auxiliary-area .bilibili-player-watchlater-item[data-state-play=true] .bilibili-player-watchlater-info-title',", " bangumiTitle: '#app .bangumi-info .info-title > a > h2',", " bangumiPartTitle: '#app .bangumi-info .bangumi-list-wrapper .episode-list .episode-item.on'", " });", " BilibiliTimer.classList = BilibiliTimer.isLive({", " timer: 'bilibili-live-player-video-info-container',", " closeButton: 'bilibili-live-player-video-info-close',", " panel: 'bilibili-live-player-video-info-panel',", " restartButton: 'live-icon-reload',", " autoHideButton: 'left-part dp-i-block pointer p-relative BilibiliTimerAutoHideButton BilibiliTimerAutoHideButton-live',", " autoHideButtonText: 'BilibiliTimerAutoHideButtonText'", " }, {", " timer: 'bilibili-player-video-info-container',", " closeButton: 'bilibili-player-video-info-close',", " panel: 'bilibili-player-video-info-panel',", " restartButton: 'bilibili-player-iconfont icon-24repeaton',", " autoHideButton: 'bgray-btn show BilibiliTimerAutoHideButton',", " autoHideButtonText: 'BilibiliTimerAutoHideButtonText'", " });", " BilibiliTimer.closeButtonText = BilibiliTimer.isLive('x', '[x]');", " BilibiliTimer.globallock = false;", " BilibiliTimer.widthSet = false;", " BilibiliTimer.onResizing = 0;", " if (BilibiliTimer.selector.autoHideCheck) BilibiliTimer.mousemoveCount = 0;", " BilibiliTimer.getControllerTop = function BilibiliTimerGetControllerTop() {", " var controller = $(BilibiliTimer.selector.controller);", " if (controller.closest('.mode-miniscreen')[0]) return $(window).height();", " var _top = $(window).height() - controller.height();", " var fullscreenSendbar = $(BilibiliTimer.selector.fullscreenSendbar);", " if (fullscreenSendbar[0]) _top -= fullscreenSendbar.outerHeight(true);", " return _top;", " };", " $(window).on('resize.BilibiliTimer', function() {", " BilibiliTimer.onResizing = 1;", " });", " $(document).on({", " 'mousemove.BilibiliTimer': function(e) {", " var BilibiliTimer = window.BilibiliTimer;", " if (BilibiliTimer && BilibiliTimer.timer) {", " if (BilibiliTimer.timer.data('onMousedown')) {", " var maxTop = BilibiliTimer.getControllerTop() - BilibiliTimer.timer.outerHeight() - 10;", " var maxLeft = $(window).width() - BilibiliTimer.timer.outerWidth() - 10;", " BilibiliTimer.timer.css({", " left: Math.max(Math.min(BilibiliTimer.timer.data('baseOffset').left + e.clientX, maxLeft), 10),", " top: Math.max(Math.min(BilibiliTimer.timer.data('baseOffset').top + e.clientY, maxTop), 10)", " });", " window.getSelection().removeAllRanges();", " }", " if (BilibiliTimer.selector.autoHideCheck) BilibiliTimer.mousemoveCount = 0;", " }", " },", " 'mouseup.BilibiliTimer': function(e) {", " var BilibiliTimer = window.BilibiliTimer;", " if (BilibiliTimer && BilibiliTimer.timer && BilibiliTimer.timer.data('onMousedown')) {", " BilibiliTimer.timer.data('onMousedown', false);", " BilibiliTimerGM.set('offset', {", " top: BilibiliTimer.timer.css('top'),", " left: BilibiliTimer.timer.css('left')", " });", " }", " }", " });", " BilibiliTimer.template = {};", " var timer = BilibiliTimer.template.timer = $('<div/>');", " timer.attr('id', 'BilibiliTimer').addClass(BilibiliTimer.classList.timer);", " var closeButton = BilibiliTimer.template.closeButton = $('<a/>');", " closeButton.text(BilibiliTimer.closeButtonText).attr({", " href: 'javascript:void(0);',", " id: 'BilibiliTimerCloseButton'", " });", " closeButton.addClass(BilibiliTimer.classList.closeButton);", " var restartButton = BilibiliTimer.template.restartButton = $('<a/>');", " restartButton.attr({", " href: 'javascript:void(0);',", " id: 'BilibiliTimerRestartButton',", " title: '如果发现浮窗出现问题,' + LF + '例如无法正常拖动,无法正常显示时间等,' + LF + '请点击该按钮重建浮窗尝试修复!'", " });", " restartButton.addClass(BilibiliTimer.classList.closeButton).addClass(BilibiliTimer.classList.restartButton);", " var panel = BilibiliTimer.template.panel = $('<div/>');", " panel.addClass(BilibiliTimer.classList.panel);", " panel.append('<div class=\"info-line\"><span class=\"info-title\">系统时间:</span><span class=\"info-data\" id=\"BilibiliTimerNowTime\"> - </span></div>');", " panel.append(BilibiliTimer.isLive('<div class=\"info-line\"><span class=\"info-title\">缓冲质量:</span><span class=\"info-data\">当前缓冲时长 <span id=\"BilibiliTimerVideoBufferedTimeRange\"> - </span>s</span></div>', '<div class=\"info-line\"><span class=\"info-title\">播放进度:</span><span class=\"info-data\"><span id=\"BilibiliTimerVideoTime\"> - </span>(已播放<span id=\"BilibiliTimerVideoTimePercents\"> - </span>%)</span></div><div class=\"info-line\"><span class=\"info-title\">加载进度:</span><span class=\"info-data\"><span id=\"BilibiliTimerVideoBufferedTime\"> - </span>(剩余缓冲时长<span id=\"BilibiliTimerVideoBufferedTimeRange\"> - </span>s,已缓冲<span id=\"BilibiliTimerVideoBufferedTimePercents\"> - </span>%)</span></div><div class=\"info-line\" style=\"display: none;\"><span class=\"info-title\" id=\"BilibiliTimerTitleDescription\">当前分页:</span><span class=\"info-data\" id=\"BilibiliTimerTitle\"> - </span></div>'));", " var autoHideButton = BilibiliTimer.template.autoHideButton = $('<div/>');", " autoHideButton.addClass(BilibiliTimer.classList.autoHideButton);", " autoHideButton.css(BilibiliTimer.isLive('width', 'height'), 'auto');", " autoHideButton.html('浮窗自动隐藏' + BilibiliTimer.isLive(' | ', '<hr class=\"BilibiliTimer-hr\"/>'));", " var autoHideButtonText = $('<span/>');", " autoHideButtonText.addClass(BilibiliTimer.classList.autoHideButtonText);", " if (!BilibiliTimerGM.get('autoHidden')) {", " BilibiliTimerGM.set('autoHidden', false);", " autoHideButtonText.text('OFF');", " } else autoHideButtonText.text('ON');", " autoHideButton.append(autoHideButtonText);", " BilibiliTimer.init = function BilibiliTimerInit() {", " if (window.BilibiliTimerUninit) return false;", " if (!$(BilibiliTimer.selector.container)[0] && ++BilibiliTimer._loop_count > 150) return BilibiliTimer.uninit();", " BilibiliTimer.onResizing = 0;", " BilibiliTimer.widthSet = false;", " BilibiliTimer.timer = BilibiliTimer.template.timer.clone();", " BilibiliTimer.closeButton = BilibiliTimer.template.closeButton.clone();", " BilibiliTimer.restartButton = BilibiliTimer.template.restartButton.clone();", " BilibiliTimer.panel = BilibiliTimer.template.panel.clone();", " BilibiliTimer.autoHideButton = BilibiliTimer.template.autoHideButton.clone();", " BilibiliTimer.timer.append(BilibiliTimer.closeButton).append(BilibiliTimer.restartButton).append(BilibiliTimer.panel);", " var title = null,", " description = null;", " if ($(BilibiliTimer.selector.pageTitle)[0]) title = $(BilibiliTimer.selector.pageTitle).text();", " else if ($(BilibiliTimer.selector.watchlaterPageTitle)[0]) {", " description = '当前分页:<div id=\"BilibiliTimerTitleDescriptionLabel\">(稍后再看)</div>';", " title = $(BilibiliTimer.selector.watchlaterVideoTitle).closest('li').index() + 1 + '、' + $(BilibiliTimer.selector.watchlaterVideoTitle).text() + '<br>' + ($(BilibiliTimer.selector.watchlaterPageTitle).closest('li').index() + 1) + '、' + $(BilibiliTimer.selector.watchlaterPageTitle).text();", " } else if ($(BilibiliTimer.selector.watchlaterVideoTitle)[0]) {", " description = '当前视频:<div id=\"BilibiliTimerTitleDescriptionLabel\">(稍后再看)</div>';", " title = $(BilibiliTimer.selector.watchlaterVideoTitle).closest('li').index() + 1 + '、' + $(BilibiliTimer.selector.watchlaterVideoTitle).text();", " } else if ($(BilibiliTimer.selector.bangumiTitle)[0]) {", " description = '当前番剧:';", " title = $(BilibiliTimer.selector.bangumiTitle).text();", " if ($(BilibiliTimer.selector.bangumiPartTitle)[0]) {", " var cloneNode = $(BilibiliTimer.selector.bangumiPartTitle).clone();", " cloneNode.find('.ep-index').text(cloneNode.find('.ep-index').text() + ':');", " title += '<br>' + '(' + cloneNode.text() + ')';", " }", " }", " if (title) BilibiliTimer.timer.find('#BilibiliTimerTitle').html(title).parent().removeAttr('style');", " if (description) BilibiliTimer.timer.find('#BilibiliTimerTitleDescription').html(description);", " $(BilibiliTimer.realWindow.document.querySelector(BilibiliTimer.selector.autoHideButton)).before(BilibiliTimer.autoHideButton);", " BilibiliTimer.autoHideButtonText = BilibiliTimer.autoHideButton.find(BilibiliTimer.selector.autoHideButtonText);", " BilibiliTimer.timer.on('mousedown', function(e) {", " var baseX = Math.max(e.clientX, 0);", " var baseY = Math.max(e.clientY, 0);", " var baseOffsetX = Math.max(parseInt(BilibiliTimer.timer.css('left')), 0);", " var baseOffsetY = Math.max(parseInt(BilibiliTimer.timer.css('top')), 0);", " BilibiliTimer.timer.data({", " baseOffset: {", " left: baseOffsetX - baseX,", " top: baseOffsetY - baseY", " },", " onMousedown: true", " });", " });", " BilibiliTimer.closeButton.on('click', function() {", " BilibiliTimer.globallock = true;", " BilibiliTimer.timer.fadeOut(370);", " });", " BilibiliTimer.restartButton.on('click', BilibiliTimer.restart.bind(BilibiliTimer));", " BilibiliTimer.autoHideButton.on('click', function() {", " if (BilibiliTimerGM.get('autoHidden')) {", " BilibiliTimerGM.set('autoHidden', false);", " BilibiliTimer.autoHideButtonText.text('OFF');", " } else {", " BilibiliTimerGM.set('autoHidden', true);", " BilibiliTimer.autoHideButtonText.text('ON');", " }", " });", " if (!BilibiliTimerGM.get('offset')) {", " BilibiliTimer.timer.css({", " left: 'auto',", " right: '10px',", " top: '10px'", " });", " } else BilibiliTimer.timer.css(BilibiliTimerGM.get('offset'));", " $(BilibiliTimer.selector.container).append(BilibiliTimer.timer);", " $(window).resize();", " };", " BilibiliTimer.globalWatcher = function BilibiliTimerGlobalWatcher() {", " if (window.BilibiliTimerUninit) return false;", " var timer = BilibiliTimer.timer;", " if (!timer || !timer[0]) {", " BilibiliTimer.init();", " return;", " }", " if ($('object#player_placeholder, object#player_object')[0]) {", " BilibiliTimer.uninit();", " return;", " }", " if (!timer.closest('body')[0]) {", " BilibiliTimer.restart();", " return;", " }", " if (!!BilibiliTimer.realWindow.document.querySelector(':-webkit-full-screen')) {", " if ((BilibiliTimer.selector.autoHideCheck ? !$(BilibiliTimer.selector.autoHideCheck)[0] : BilibiliTimer.mousemoveCount < 3) && BilibiliTimer.autoHidden) BilibiliTimer.autoHidden = false;", " if (!BilibiliTimer.globallock && !BilibiliTimer.autoHidden) {", " if (!timer.is(':visible')) timer.fadeIn();", " if (BilibiliTimer.onResizing === 2) {", " BilibiliTimer.onResizing = 0;", " var maxTop = BilibiliTimer.getControllerTop() - timer.outerHeight() - 10;", " var maxLeft = $(window).width() - timer.outerWidth() - 10;", " timer.animate({", " left: Math.max(Math.min(parseInt(timer.css('left')), maxLeft), 10),", " top: Math.max(Math.min(parseInt(timer.css('top')), maxTop), 10)", " }, 370);", " BilibiliTimerGM.set('offset', {", " top: timer.css('top'),", " left: timer.css('left')", " });", " } else if (BilibiliTimer.onResizing === 1) {", " BilibiliTimer.onResizing = 2;", " }", " }", " } else {", " BilibiliTimer.onResizing = 0;", " BilibiliTimer.globallock = false;", " timer.fadeOut();", " }", " if (timer.is(':visible')) {", " var date = BilibiliTimer.date();", " timer.find('#BilibiliTimerNowTime').text(date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate() + ' ' + date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds());", " if (!BilibiliTimer.widthSet) BilibiliTimer.widthCalc();", " }", " var video = $('video');", " if (!video.data('onListened')) {", " video.data('onListened', true);", " video.on({", " 'timeupdate.BilibiliTimer': BilibiliTimer.videoPlayListener.bind(BilibiliTimer),", " 'progress.BilibiliTimer': BilibiliTimer.videoProgressListener.bind(BilibiliTimer)", " });", " }", " if ((timer.find('#BilibiliTimerVideoTimePercents').text() + timer.find('#BilibiliTimerVideoBufferedTimeRange').text() + timer.find('#BilibiliTimerVideoTime').text()).includes('-')) {", " BilibiliTimer.videoPlayListener({", " target: video[0]", " });", " BilibiliTimer.videoProgressListener({", " target: video[0]", " });", " }", " };", " BilibiliTimer.autoHideWatcher = function BilibiliTimerAutoHideWatcher() {", " if (!BilibiliTimerGM.get('autoHidden')) return;", " if (BilibiliTimer.selector.autoHideCheck ? $(BilibiliTimer.selector.autoHideCheck)[0] : BilibiliTimer.mousemoveCount >= 3) {", " BilibiliTimer.autoHidden = true;", " BilibiliTimer.timer.fadeOut(370);", " }", " if (BilibiliTimer.selector.autoHideCheck) BilibiliTimer.mousemoveCount++;", " };", " BilibiliTimer.lazyWatcher = function BilibiliTimerLazyWatcher() {", " var BilibiliTimer = window.BilibiliTimer;", " if (!BilibiliTimer || !BilibiliTimer.timer) return;", " var timer = BilibiliTimer.timer;", " if (BilibiliTimer.timer.find('.info-line').width() > BilibiliTimer.timer.width()) BilibiliTimer.widthCalc();", " var flag = false;", " if ($(BilibiliTimer.selector.watchlaterPageTitle)[0] || $(BilibiliTimer.selector.watchlaterVideoTitle)[0]) {", " if (!timer.find('#BilibiliTimerTitleDescriptionLabel')[0]) flag = true;", " } else if ($(BilibiliTimer.selector.bangumiTitle)[0]) {", " if (!timer.text().includes('当前番剧:')) flag = true;", " }", " if (flag) {", " BilibiliTimer.restart();", " return;", " }", " };", " BilibiliTimer.widthCalc = function BilibiliTimerWidthCalc() {", " var BilibiliTimer = window.BilibiliTimer;", " if (!BilibiliTimer || !BilibiliTimer.timer) return;", " var timer = BilibiliTimer.timer;", " var maxWidth = 0;", " timer.find('.info-line').each(function() {", " var width = 0,", " maxHeight = 0;", " $(this).css('height', 'unset').children().each(function() {", " width += $(this).outerWidth(true);", " var _height = $(this).height();", " if ($(this).find('#BilibiliTimerTitleDescriptionLabel')[0]) _height += $(this).find('#BilibiliTimerTitleDescriptionLabel').height();", " if (maxHeight < _height) maxHeight = _height;", " });", " if (maxWidth < width) maxWidth = width;", " $(this).height(maxHeight);", " });", " timer.width(maxWidth);", " BilibiliTimer.widthSet = true;", " $(window).resize();", " };", " BilibiliTimer.timeParse = function BilibiliTimerTimeParse(time) {", " time = parseInt(time);", " var sec = time % 60,", " min = (time - sec) / 60;", " if (sec < 10) sec = '0' + sec;", " return min + ':' + sec;", " };", " BilibiliTimer.videoPlayListener = function BilibiliTimerVideoPlayListener(e) {", " if (!e.target) return;", " var video = e.target;", " var curTime = video.currentTime || 0;", " var durTime = video.duration || 0;", " if (!curTime && !durTime) return;", " var BilibiliTimer = window.BilibiliTimer;", " if (!BilibiliTimer || !BilibiliTimer.timer) return;", " var timer = BilibiliTimer.timer;", " timer.find('#BilibiliTimerVideoTime').text(BilibiliTimer.timeParse(curTime) + '/' + BilibiliTimer.timeParse(durTime));", " if (timer.find('#BilibiliTimerVideoBufferedTime')[0]) {", " var end;", " try {", " end = video.buffered.end(video.buffered.length - 1);", " } catch (_) {", " try {", " end = video.buffered.end(0);", " } catch (_) {", " return;", " }", " }", " if (timer.find('#BilibiliTimerVideoBufferedTime').text() === ' - ') $(video).trigger('progress');", " timer.find('#BilibiliTimerVideoBufferedTimeRange').text((end - curTime).toFixed(0));", " }", " timer.find('#BilibiliTimerVideoTimePercents').text((curTime * 100 / durTime).toFixed(2));", " };", " BilibiliTimer.videoProgressListener = function BilibiliTimerVideoProgressListener(e) {", " if (!e.target) return;", " var video = e.target;", " var curTime = video.currentTime || 0;", " var durTime = video.duration || 0;", " if (!curTime && !durTime) return;", " var BilibiliTimer = window.BilibiliTimer;", " if (!BilibiliTimer || !BilibiliTimer.timer) return;", " var timer = BilibiliTimer.timer;", " if (timer.find('#BilibiliTimerVideoBufferedTimeRange')[0]) {", " var video = e.target,", " end;", " try {", " end = video.buffered.end(video.buffered.length - 1);", " } catch (_) {", " try {", " end = video.buffered.end(0);", " } catch (_) {", " return;", " }", " }", " if (timer.find('#BilibiliTimerVideoBufferedTimeRange').text() === ' - ') BilibiliTimer.widthSet = false;", " if (timer.find('#BilibiliTimerVideoTime').text() === ' - ') $(video).trigger('timeupdate');", " timer.find('#BilibiliTimerVideoBufferedTime').text(BilibiliTimer.timeParse(end));", " BilibiliTimer.timer.find('#BilibiliTimerVideoBufferedTimeRange').text((end - video.currentTime).toFixed(0));", " timer.find('#BilibiliTimerVideoBufferedTimePercents').text((end * 100 / video.duration).toFixed(2));", " }", " timer.find('#BilibiliTimerVideoTimePercents').text((curTime * 100 / durTime).toFixed(2));", " };", " BilibiliTimer.start = function BilibiliTimerStart() {", " if (window.BilibiliTimerUninit) return false;", " if (location.host === 'bangumi.bilibili.com') return false;", " if (!BilibiliTimer.interval) BilibiliTimer.interval = {};", " if (!BilibiliTimer.interval.globalWatcher) BilibiliTimer.interval.globalWatcher = setInterval(BilibiliTimer.globalWatcher, 100);", " if (!BilibiliTimer.interval.autoHideWatcher) BilibiliTimer.interval.autoHideWatcher = setInterval(BilibiliTimer.autoHideWatcher, 1e3);", " if (!BilibiliTimer.interval.lazyWatcher) BilibiliTimer.interval.lazyWatcher = setInterval(BilibiliTimer.lazyWatcher, 5e3);", " try {", " var video = $('video');", " setTimeout(function() {", " BilibiliTimer.videoPlayListener({", " target: video[0]", " });", " BilibiliTimer.videoProgressListener({", " target: video[0]", " });", " }, 100);", " } catch (_) {", " return;", " }", " };", " BilibiliTimer.restart = function BilibiliTimerRestart() {", " for (var i in BilibiliTimer.interval) {", " if (BilibiliTimer.interval[i]) clearInterval(BilibiliTimer.interval[i]);", " }", " $('.BilibiliTimerAutoHideButton').remove();", " if (window.BilibiliTimerUninit) return false;", " var timer = $('#BilibiliTimer');", " if (timer[0]) timer.fadeOut(370, BilibiliTimer.rebuild);", " else BilibiliTimer.rebuild();", " };", " BilibiliTimer.rebuild = function BilibiliTimerRebuild() {", " console.groupCollapsed('BilibiliTimerRebuildTrace', BilibiliTimer.timer.closest('body')[0]);", " console.trace();", " console.groupEnd();", " $('#BilibiliTimer').remove();", " window.BilibiliTimer = undefined;", " if (window.BilibiliTimerUninit) return false;", " if (window.BilibiliTimerCode) setTimeout(function() {", " eval(window.BilibiliTimerCode);", " }, 0);", " };", " BilibiliTimer.uninit = function BilibiliTimerUninit() {", " for (var i in BilibiliTimer.interval) {", " if (BilibiliTimer.interval[i]) clearInterval(BilibiliTimer.interval[i]);", " }", " $('.BilibiliTimerAutoHideButton').remove();", " $('#BilibiliTimer').remove();", " window.BilibiliTimer = undefined;", " window.BilibiliTimerUninit = true;", " };", " BilibiliTimer.start();", "})();" ].join('\n'); var css = [ "#BilibiliTimer {", " cursor: move;", " display: block;", " transition-property: opacity, width;", " transition-duration: .37s;", " transition-timing-function: initial;", " transition-delay: initial;", "}", ".bilibili-player-no-cursor #BilibiliTimer {", " opacity: .73;", " cursor: none;", "}", "#BilibiliTimer .info-title {", " width: 6em;", " margin: 0;", "}", "#BilibiliTimer .info-data {", " max-width: 25em;", " white-space: normal;", " vertical-align: top;", "}", "#BilibiliTimerCloseButton.bilibili-live-player-video-info-close {", " color: rgb(0, 0, 0);", " padding: 0px;", " height: 15px;", " background: rgb(221, 221, 221);", " width: 1em;", " text-align: center;", " top: 8px;", "}", "#BilibiliTimerRestartButton {", " top: auto;", " bottom: 10px;", "}", ".BilibiliTimerAutoHideButton-live {", " -webkit-text-emphasis-color: white;", " -webkit-text-fill-color: white;", " -webkit-text-stroke-color: white;", " background-color: rgb(35, 173, 229);", " border: 0 solid white;", " border-width: 0 1px;", " caret-color: white;", " color: white;", " column-rule-color: white;", " height: 22px;", " line-height: 22px;", " outline-color: white;", " perspective-origin: 33px 11px;", " text-align: center;", " text-decoration: none solid white;", " text-decoration-color: white;", " transform-origin: 33px 11px;", " vertical-align: middle;", " padding: 0 .25em;", "}", ".BilibiliTimer-hr {", " border-style: inset;", " border-width: 1px;", " margin: 0.5em auto;", " overflow: hidden;", "}", "#BilibiliTimerTitleDescription {", " height: 100%;", " position: relative;", "}", "#BilibiliTimerTitleDescriptionLabel {", " width: 100%;", " top: 50%;", " left: 0;", " position: absolute;", "}", ].join('\n'); unsafeWindow.addEventListener('load', function() { GM_addStyle(css); unsafeWindow.BilibiliTimerCode = code; unsafeWindow.eval(unsafeWindow.BilibiliTimerCode); }); })();
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址