`
utils.createElementAndInsert(indexRecommendVideoHistoryOpenButtonHtml, $indexRecommendVideoRollButtonWrapper, 'append')
const $indexRecommendVideoHistoryPopover = utils.createElementAndInsert(indexRecommendVideoHistoryPopoverHtml, document.body, 'append')
$indexRecommendVideoHistoryPopover.addEventListener('toggle', async (event) => {
const [$indexApp, $indexRecommendVideoHistoryPopoverTitle] = await utils.getElementAndCheckExistence([selectors.indexApp, selectors.indexRecommendVideoHistoryPopoverTitle])
if (event.newState === 'open') {
$indexApp.style.pointerEvents = 'none'
$indexRecommendVideoHistoryPopoverTitle.querySelector('span').append(`(${$indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList).childElementCount})`)
}
if (event.newState === 'closed') {
$indexApp.style.pointerEvents = 'auto'
$indexRecommendVideoHistoryPopoverTitle.querySelector('span').innerText = '首页视频推荐历史记录'
}
})
},
// #endregion 插入推荐历史记录按钮
/**
* 获取推荐历史记录
* - #region 获取推荐历史记录
*/
async getIndexRecordRecommendVideoHistory() {
const getIndexRecordRecommendVideoHistoryArray = await modules.getIndexRecordRecommendVideoHistoryArray()
const $indexRecommendVideoHistoryPopover = await utils.getElementAndCheckExistence(selectors.indexRecommendVideoHistoryPopover)
$indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList).innerHTML = ''
for (const record of getIndexRecordRecommendVideoHistoryArray) {
utils.createElementAndInsert(`
${record.key}`, $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList), 'append')
}
},
// #endregion 获取推荐历史记录
/**
* 生成推荐视频分区信息
* - #region 生成推荐视频分区信息
*/
async generatorVideoCategories() {
const setCategoryButtonActiveClass = (element) => {
element.parentElement.querySelectorAll(selectors.indexRecommendVideoHistoryCategoryButtons).forEach(element => { element.classList.remove(...arrays.videoCategoriesActiveClass) })
element.classList.add(...arrays.videoCategoriesActiveClass)
}
const getIndexRecordRecommendVideoHistoryArray = await modules.getIndexRecordRecommendVideoHistoryArray()
const $indexRecommendVideoHistoryPopover = await utils.getElementAndCheckExistence(selectors.indexRecommendVideoHistoryPopover)
$indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryCategory).innerHTML = "
全部"
let categoryHasVideoSet = new Set()
// arrays.videoCategories.filter(category => {
// getIndexRecordRecommendVideoHistoryArray.filter(record => {
// if (category.tids.includes(record.value[0])) {
// categoryHasVideoSet.add(category)
// }
// })
// })
for (const [key, value] of Object.entries(objects.videoCategories)) {
getIndexRecordRecommendVideoHistoryArray.filter(record => {
if (value.tids.includes(record.value[0])) {
categoryHasVideoSet.add(objects.videoCategories[key])
}
})
}
for (const category of Array.from(categoryHasVideoSet)) {
utils.createElementAndInsert(`
${category.name}`, $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryCategory), 'append')
}
await elmGetter.each(selectors.indexRecommendVideoHistoryCategoryButtonsExceptAll, $indexRecommendVideoHistoryPopover, category => {
category.addEventListener('click', async function () {
setCategoryButtonActiveClass(this)
$indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList).innerHTML = ''
const categoryIds = this.dataset.tids
for (const record of getIndexRecordRecommendVideoHistoryArray) {
if (categoryIds.includes(record.value[0])) {
utils.createElementAndInsert(`
${record.key}`, $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList), 'append')
}
}
})
})
$indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryCategoryButtonAll).addEventListener('click', async function () {
setCategoryButtonActiveClass(this)
$indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList).innerHTML = ''
for (const record of getIndexRecordRecommendVideoHistoryArray) {
utils.createElementAndInsert(`
${record.key}`, $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList), 'append')
}
})
},
// #endregion 生成推荐视频分区信息
/**
* 清除推荐历史记录
* - #region 清除推荐历史记录
*/
async clearRecommendVideoHistory() {
const indexRecommendVideoHistory = localforage.createInstance({
name: 'indexRecommendVideoHistory',
})
indexRecommendVideoHistory.clear()
arrays.indexRecommendVideoHistory = []
const $indexRecommendVideoHistoryPopover = await utils.getElementAndCheckExistence(selectors.indexRecommendVideoHistoryPopover)
$indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList).innerHTML = ''
$indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryCategory).innerHTML = "
全部"
$indexRecommendVideoHistoryPopover.hidePopover()
},
// #endregion 清除推荐历史记录
// #endregion 记录首页推荐视频历史
// #endregion 首页相关功能
//** ----------------------- 脚本最终执行函数 ----------------------- **//
// #region 脚本最终执行函数
/**
*
* 注册脚本设置选项
* - #region 注册脚本设置选项
*/
async registerMenuCommand() {
if (regexps.dynamic.test(window.location.href)) {
const dynamicSettingPopoverHtml = `
哔哩哔哩动态页设置
（以下设置内容更改即生效，直接关闭本弹窗即可）
点击「投稿视频」选项后，填入当前浏览器地址栏链接，即可自动跳转至该链接
`
if (document.getElementById(selectors.dynamicSettingPopover)) document.getElementById(selectors.dynamicSettingPopover).remove()
const $dynamicSettingPopover = utils.createElementAndInsert(dynamicSettingPopoverHtml, document.body, 'append')
GM_registerMenuCommand('设置', () => {
$dynamicSettingPopover.showPopover()
})
const [$app, $dynamicHeaderContainer, $WebVideoLinkInput, $dynamicSettingSaveButton] = await utils.getElementAndCheckExistence([selectors.app, selectors.dynamicHeaderContainer, selectors.WebVideoLinkInput, selectors.dynamicSettingSaveButton])
$WebVideoLinkInput.addEventListener('input', event => {
utils.setValue('web_video_link', event.target.value.trim())
})
$dynamicSettingPopover.addEventListener('toggle', event => {
if (event.newState === 'open') {
$app.style.pointerEvents = 'none'
$dynamicHeaderContainer.style.pointerEvents = 'none'
}
if (event.newState === 'closed') {
$app.style.pointerEvents = 'auto'
$dynamicHeaderContainer.style.pointerEvents = 'auto'
}
})
$dynamicSettingSaveButton.addEventListener('click', () => {
$dynamicSettingPopover.hidePopover()
})
}
if (regexps.video.test(window.location.href)) {
const $player = await utils.getElementAndCheckExistence(selectors.player, 10)
const playerOffsetTop = Math.trunc(utils.getElementOffsetToDocument($player).top)
const videoSettingPopoverHtml = `
哔哩哔哩播放页设置
（以下设置内容更改即生效，直接关闭本弹窗即可）
`
if (document.getElementById(selectors.videoSettingPopover)) document.getElementById(selectors.videoSettingPopover).remove()
const $videoSettingPopover = utils.createElementAndInsert(videoSettingPopoverHtml, document.body, 'append')
GM_registerMenuCommand('设置', () => {
$videoSettingPopover.showPopover()
})
const $app = vals.player_type() === 'video' ? await utils.getElementAndCheckExistence(selectors.app) : await utils.getElementAndCheckExistence(selectors.bangumiApp)
const [$IsVip, $AutoLocate, $AutoLocateVideo, $AutoLocateBangumi, $TopOffset, $ClickPlayerAutoLocation, $AutoQuality, $Quality4K, $Quality8K, $Checkbox4K, $Checkbox8K, $WebfullUnlock, $AutoReload, $videoSettingSaveButton, $AutoSkip, $InsertVideoDescriptionToComment, $PauseVideo, $ContinuePlay, $AutoSubtitle] = await utils.getElementAndCheckExistence([selectors.IsVip, selectors.AutoLocate, selectors.AutoLocateVideo, selectors.AutoLocateBangumi, selectors.TopOffset, selectors.ClickPlayerAutoLocation, selectors.AutoQuality, selectors.Quality4K, selectors.Quality8K, selectors.Checkbox4K, selectors.Checkbox8K, selectors.WebfullUnlock, selectors.AutoReload, selectors.videoSettingSaveButton, selectors.AutoSkip, selectors.InsertVideoDescriptionToComment, selectors.PauseVideo, selectors.ContinuePlay, selectors.AutoSubtitle])
$videoSettingPopover.addEventListener('toggle', event => {
if (event.newState === 'open') {
// document.querySelector('*:not(#videoSettingPopover *)').style.pointerEvents = 'none'
$app.style.pointerEvents = 'none'
}
if (event.newState === 'closed') {
$app.style.pointerEvents = 'auto'
}
})
$IsVip.addEventListener('change', async event => {
utils.setValue('is_vip', event.target.checked)
$Checkbox4K.style.display = event.target.checked ? 'flex' : 'none'
$Checkbox8K.style.display = event.target.checked ? 'flex' : 'none'
})
$AutoLocate.addEventListener('change', event => {
utils.setValue('auto_locate', event.target.checked)
})
$AutoLocateVideo.addEventListener('change', event => {
utils.setValue('auto_locate_video', event.target.checked)
})
$AutoLocateBangumi.addEventListener('change', event => {
utils.setValue('auto_locate_bangumi', event.target.checked)
})
$TopOffset.addEventListener('change', event => {
utils.setValue('offset_top', +event.target.value)
})
$ClickPlayerAutoLocation.addEventListener('change', event => {
utils.setValue('click_player_auto_locate', event.target.checked)
})
$AutoQuality.addEventListener('change', event => {
utils.setValue('auto_select_video_highest_quality', event.target.checked)
})
$Quality4K.addEventListener('change', event => {
utils.setValue('contain_quality_4k', event.target.checked)
})
$Quality8K.addEventListener('change', event => {
utils.setValue('contain_quality_8k', event.target.checked)
})
$WebfullUnlock.addEventListener('change', event => {
utils.setValue('webfull_unlock', event.target.checked)
})
$InsertVideoDescriptionToComment.addEventListener('change', event => {
utils.setValue('insert_video_description_to_comment', event.target.checked)
})
$AutoSkip.addEventListener('change', event => {
utils.setValue('auto_skip', event.target.checked)
})
$PauseVideo.addEventListener('change', event => {
utils.setValue('pause_video', event.target.checked)
})
$ContinuePlay.addEventListener('change', event => {
utils.setValue('continue_play', event.target.checked)
})
$AutoReload.addEventListener('change', event => {
utils.setValue('auto_reload', event.target.checked)
})
$AutoSubtitle.addEventListener('change', event => {
utils.setValue('auto_subtitle', event.target.checked)
})
await elmGetter.each(selectors.SelectScreenMode, $videoSettingPopover, radioInput => {
radioInput.addEventListener('click', function () {
utils.setValue('selected_screen_mode', this.value)
})
})
$videoSettingSaveButton.addEventListener('click', () => {
$videoSettingPopover.hidePopover()
utils.reloadCurrentTab(true)
})
}
},
// #endregion 注册脚本设置选项
/**
* 前期准备函数
* - #region 前期准备函数
* 提前执行其他脚本功能所依赖的其他函数
*/
thePrepFunction() {
if (++vars.thePrepFunctionRunningCount !== 1) return
utils.initValue()
utils.clearAllTimersWhenCloseTab()
modules.registerMenuCommand()
utils.insertStyleToDocument('BilibiliAdjustmentStyle', styles.BilibiliAdjustment)
// biliApis.autoSignIn() 官方签到活动已下线
if (window.location.href === 'https://www.bilibili.com/') {
utils.insertStyleToDocument('IndexAdjustmentStyle', styles.IndexAdjustment)
}
if (regexps.video.test(window.location.href)) {
utils.insertStyleToDocument('BodyHiddenStyle', styles.BodyHidden)
utils.insertStyleToDocument('VideoPageAdjustmentStyle', styles.VideoPageAdjustment)
utils.insertStyleToDocument('FreezeHeaderAndVideoTitleStyle', styles.FreezeHeaderAndVideoTitle)
utils.insertStyleToDocument('VideoSettingStyle', styles.VideoSetting)
modules.observerPlayerDataScreenChanges()
}
if (regexps.dynamic.test(window.location.href)) {
utils.insertStyleToDocument('DynamicSettingStyle', styles.DynamicSetting)
}
},
// #endregion 前期准备函数
/**
* 执行主函数
* - #region 执行主函数
*/
async theMainFunction() {
if (++vars.theMainFunctionRunningCount !== 1) return
if (modules.isLogin()) {
modules.thePrepFunction()
const timer = setInterval(async () => {
const documentHidden = utils.checkDocumentIsHidden()
if (!documentHidden) {
clearInterval(timer)
utils.logger.info(`脚本版本｜${GM_info.script.version}`)
utils.logger.info('当前标签｜已激活｜开始应用配置')
let functionsArray = []
if (regexps.video.test(window.location.href) || regexps.dynamic.test(window.location.href)) {
if (regexps.video.test(window.location.href)) {
functionsArray = [
modules.getCurrentPlayerType,
modules.checkVideoExistence,
modules.checkVideoCanPlayThrough,
modules.autoSelectScreenMode,
modules.webfullScreenModeUnlock,
modules.autoLocationToPlayer,
modules.insertVideoDescriptionToComment,
modules.autoCancelMute,
modules.autoSelectVideoHighestQuality,
modules.autoEnableSubtitle,
modules.insertAutoEnableSubtitleSwitchButton,
modules.clickPlayerAutoLocation,
modules.insertFloatSideNavToolsButton,
modules.clickVideoTimeAutoLocation,
modules.unlockEpisodeSelector,
// modules.insertSetSkipTimeNodesButton,
// modules.insertSkipTimeNodesSwitchButton,
// modules.autoSkipTimeNodes,
]
}
if (regexps.dynamic.test(window.location.href)) {
functionsArray = [
modules.changeCurrentUrlToVideoSubmissions
]
}
if (vals.pause_video()) functionsArray.push(modules.pauseVideoWhenLeavingCurrentPage)
}
if (window.location.href === 'https://www.bilibili.com/') {
functionsArray = [
modules.insertIndexRecommendVideoHistoryOpenButton,
modules.setIndexRecordRecommendVideoHistory,
modules.getIndexRecordRecommendVideoHistory,
modules.generatorVideoCategories
]
}
utils.addEventListenerToElement()
utils.executeFunctionsSequentially(functionsArray)
} else {
utils.logger.info('当前标签｜未激活｜等待激活')
}
}, 100)
arrays.intervalIds.push(timer)
}
else utils.logger.warn('请登录｜本脚本只能在登录状态下使用')
}
// #endregion 执行主函数
// #endregion 脚本最终执行函数
}
modules.theMainFunction()
})();