chrome扩展——bilibili视频封面获取器

（2018.7）由于bilibili更改了封面链接的位置，所以下面的代码已经无法使用，新版请见：https://github.com/akimusume/GetBilibiliVideoCover

昨天（前天）发现那个方法后，今天就想着写个chrome扩展来一键获取。

虽然之前做过一个chrome扩展，不过对chrome扩展的api还是不熟悉，最终花了两个小时才写完。。。虽然功能很简单。。。

下载地址：http://pan.baidu.com/s/1c1Iwnq4

源码：

manifest.json

{"name": "bilibili视频封面获取器","manifest_version": 2,"version": "1.0","description": "获取bilibili视频封面。请在视频页通过右键菜单使用。","permissions": ["contextMenus","tabs"],"content_scripts": [{"matches": ["*://www.bilibili.com/video/*/"],"js": ["myscript.js"]}],"background": {"scripts": ["background.js"]}
}

background.js

function getVideoCover(info, tab)
{chrome.tabs.sendMessage(tab.id,{},function(response) {chrome.tabs.create({"url":response.coverImageURL});  });
}
var menu=chrome.contextMenus.create({"title":"获取视频封面","documentUrlPatterns":["*://www.bilibili.com/video/av*"],"onclick":getVideoCover
});

myscript.js

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {var coverImage=document.getElementsByClassName("cover_image");if(coverImage.length!=0)sendResponse({coverImageURL:coverImage[0].currentSrc});elsealert("来自bilibili视频封面获取器：\n没有找到封面!可能由以下原因导致：\n1、此视频不存在。\n2、此页面并不是标准的视频页面。\n3、本插件出了点问题。\n4、bilibili更改了封面链接的写法。\n");
});

chrome扩展——bilibili视频封面获取器相关推荐

仿bilibili视频弹幕播放器介绍搭建
目录仿bilibili视频弹幕播放器播放器简介功能特色运行环境播放器界面展示安装步骤使用方法在线演示源码下载仿bilibili视频弹幕播放器播放器简介一款防bilibili的播 ...
Chrome 扩展 H5 游戏结构检查器 GameInspect 支持 Laya, egret, cocosCreate, cocos2d-js
Chrome 扩展 H5 游戏结构检查器 GameInspect 支持 Laya, egret, cocosCreate, cocos2d-js 1. 说明仿照 egret Inspect 制作的通 ...
如何实现 WPF 视频封面查看器
如何实现 WPF 视频封面查看器控件名:NineGridView 作者:WPFDevelopersOrg - 驚鏵原文链接[1]:https://github.com/WPFDevelope ...
2021最新哔哩bilibili视频弹幕播放器带后台版本完整无错修复
源码介绍: 此款播放器源码添加及修复了很多功能,且所有源码均本地化,不存在外链的情况.站长亲测_测试环境:PHP7.0+MySQL5.6 优化修复功能:1.修复优化播放器播放结束自动下一集代码2.修复 ...
最新哔哩bilibili视频弹幕播放器源码+完整无错带后台/亲测
正文: 最新哔哩bilibili视频弹幕播放器源码+完整无错带后台/亲测,此款播放器源码添加及修复了很多功能,且所有源码均本地化,不存在外链的情况,测试环境:PHP7.0+MySQL5.6 播放器跨域 ...
PHP哔哩哔哩bilibili视频弹幕播放器源码带后台版本
简介: PHP哔哩哔哩bilibili视频弹幕播放器源码带后台版本此款播放器源码添加及修复了很多功能,且所有源码均本地化,不存在外链的情况. 环境:PHP7.0+MySQL5.6 优化修复功能: ...
悬浮窗播放器html,Chrome扩展插件悬浮画中画播放器推荐
今天给大家安利一个 Chrome 扩展插件,可将绝大多数的 HTML 5 直播或视频通过画中画悬浮窗的的形式播放,特别适合一边看视频一边工作.插件名称叫:[悬浮画中画播放器] 插件使用方法: 插件使用 ...
video阿里云视频封面获取（精确的每一帧）
废话不多说直接上代码 <video @contextmenu.prevent controlslist="nodownload" preload="" c ...
新哔哩bilibili视频弹幕播放器/带后台版本/完整无错
介绍: 此款播放器源码添加及修复了很多功能,且所有源码均本地化,不存在外链的情况. 测试环境:PHP7.0+MySQL5.6 优化修复功能: 1.修复优化播放器播放结束自动下一集代码 2.修复弹幕后台 ...

chrome扩展——bilibili视频封面获取器

chrome扩展——bilibili视频封面获取器相关推荐

最新文章

热门文章