Bilibili，B站 视频缩略图 快速预览 的实现

已于 2025-04-08 11:52:02 修改
阅读量708 收藏
点赞数 4
文章标签： chrome 视频
于 2024-10-14 20:12:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vector090/article/details/142927261
版权

在播放视频的时候，如果能有一种方法，能够快速预览视频全貌，将是很方便的：哪些视频一扫而过，哪些视频信息量大、需要细看，一目了然。

于是开发了一套 chrome 插件，使用效果是：在播放B站视频时，能快速显示视频的所有缩略图，甚至相关字幕。

截图如下：

有需要的可以下载使用：vector090/sharing - Gitee.com

感谢下面文章提供分析思路：

Bilibili，B站视频缩略图快速预览实现再分析_b站预览图准确定位-CSDN博客

vector090
关注
基于flowplayer的视频缩略图的视频预览
bingcool
02-02 4243
前言 不得不吐槽一下咯，年终奖发了不到半个月的工资，心醉了，心凉了！不过技术知识是属于自己的东西，有新的想法，学到新的知识还是的总结出来，和大家分享分享！ 最近一直在忙公司的项目，主要针对视频播放这一块，说具体点是关于flowplayer的这一块。上一篇《基于web的视频在线编辑》已经简单总结了一下flowplayer的强大功能。今天的主角就是基于flowplayer的视频预览，如何实现？
关于实现视频预览缩略图功能
printf_scnaf的博客
08-27 3347
实现所需环境 工具 功能 官方地址 FFmpeg 对视频音频处理的”瑞士军刀“ http://ffmpeg.org ImageMagick 在这里负责合并图片 https://imagemagick.org/index.php 需求分析 实现哔哩哔哩视频缩略图的效果 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 猜想 随着鼠标移动，请求对应封面图 一次请求完毕，获得一张大图设置为背景，随着鼠标移动调整元素的background-position 观察 现
bilibili ,B站视频预览缩略图实现分析
ucsheep-You see sheep!
10-21 9250
因为需要对抓取到的B站视频播放源进行预览，所以对B站视频预览进行了分析。 1.设想 我们一般会认为，一个视频入库，首先转码，完成切分。当用户播放时，分片请求，快速响应。请求预览缩略图，会认为是直接传指针在进度条的时间向服务端请求这个时间点的画面，然后在界面显示。 2.验证 按照设想，那指针在进度条的每一次移动，都会触发一次请求。然而，现实狠狠地打来一个巴掌。并不是我们想象的那样。页面加载完毕，清...
Bilibili，B站视频缩略图快速预览实现再分析
ucsheep-You see sheep!
10-21 5449
之前的这篇文章曾经有过一次分析 在B站视频搜索结果中，可以在不进入视频的状态下对视频快速预览。 今天详细分析和复现一下实现过程 1.首先，获取某视频的完整缩略图资源 通过下面接口获取 https://api.bilibili.com/x/player/videoshot?index=1&aid=XXX 以 https://www.bilibili.com/video/av8370807...
WIN7实现所有视频格式的预览-产生缩略图
08-11
K-Lite_Codec_Pack_630_64bit K-Lite_Codec_Pack_880_Mega 现在很多电脑都预装win7的64位了，win7的有一个功能就是实现了资源管理器的mp4等格式视频缩略图预览功能，但是却有不支持rmvb、flv等常见格式的视频缩略图预览及播放功能，让人感觉有些遗憾，再此用K-Lite_Codec_Pack这个软件即可实现win7资源管理器对各种视频格式的缩略图预览及wmp12对各种格式视频文件的播放支持。当你安装k-lite后你会惊奇的发现不但解决了上面两个问题，而且也实现了windows media center与Windows Live 照片库对这些格式视频的支持。
个人搭建云盘nextcloud实现视频文件预览缩略图
XIAOXIANG233233的博客
02-06 1671
默认情况下，nextcloud的视频文件是没有预览缩略图的，这很不方便为实现视频文件生成预览缩略图，需要以下两步。
使用FFmpeg生成视频的预览图缩略图
blovecat的博客
04-17 3095
介绍是会选择典型帧，而不是固定帧，测试下来确实是和上面命令结果不一样（执行耗时也更长，应该涉及到选择计算，n的值越大需要的内存就越高，这里需要谨慎选择），具体是根据什么规则选择帧的有兴趣的同学可以研究下源码，顺便告诉我下哈哈。这里使用thumbnail命令可以达到同样效果，区别是thumbnail根据。
快速查看网页缩略图大图的PhotoShow浮图秀插件
- **优雅查看B站视频封面**：特指对B站（Bilibili）视频封面图片的优化预览功能，强调其在特定网站上的使用效果。 - **插件开发者** - **@Vincent Wang**：提供了开发者信息，如果用户需要技术支持或反馈问题，...
bilibili排行榜+播放（简陋版）
10-28
考虑到“简陋版”的描述，开发者可能还没有实现高级功能，比如分页加载更多视频、搜索功能、视频预览缩略图、用户评论、播放控制（如暂停、快进、快退）等。此外，可能也没有集成B站的API来实时获取最新的排行榜数据...
B站首页界面设计教程及素材下载
- **交互**：B站的交互设计重视动画效果的使用，例如视频缩略图在鼠标悬停时会有放大预览的动画，为用户提供了直观的操作反馈。 ### 知识点五：B站首页界面实现技术 - **前端技术**：B站首页的设计主要采用HTML、...
PR视频剪辑（1）——工作流（新建、导入、导出）
qq_34118600的博客
06-05 1252
一张 1920 * 1080 的图，当它是 3 * 8 位深度时，即使用24bit显示一个像素点， 由8bit Red 8bit Green 8bit Blue组合颜色而成，每一个原始颜色（R/G/B）都可以完全显示（0~0xff），所以24位及以上，我们就叫做真彩色。帧”是动画中的一张图片，也相当于电影胶片上的一个镜头。一帧就是一副静止的画面，连续的帧就形成了我们看到的动画和视频。但是直接采集后没经过处理的视频其实是没办法真正在互联网上传输的。
UE风格化Day18-UE强制删除错了/UE预览关卡显示/风格化水材质
Seedol的博客
11-14 750
UE误删资产怎么办，UE预览图和预设关卡地图设置，风格化瀑布材质
关闭视频缩略图预览且不影响图片的方法
weixin_33767813的博客
09-06 2970
视频缩略图预览同样是没用且占用系统资源，系统需要读取视频内容来生成第一帧图片作为缩略图，如果进入一个未经过缓存的多视频文件的文件夹，系统就会明显繁忙，而很多视频第一帧是黑屏或者标志等。 关闭方法（只关闭视频缩略图预览，图片不受影响）：Windows徽标键+R打开运行，输入regedit回车打开注册表，找到键值HKEY_CLASSES_ROOT\CLSID\{9DBD2C50-62AD-11d0-...
windows 电脑图片/视频不展示预览图
热门推荐
Java小皮孩
04-03 2万+
【toc】
统计b站合集时长
qq_53321649的博客
05-02 1344
出现的问题，没办法关闭脚本，只能刷新页面才能关闭。在名称一栏随意输入，如：统计b站合集时长。环境 ：win10 edge浏览器。在URL一栏输入以下内容。
【15.5K⭐】QuickLook—文件快速预览工具
qq_52475653的博客
12-28 5962
QuickLook是一款强大的文件预览工具。它的设计理念是“所见即所得”，旨在让用户在不打开文件的情况下快速预览文件内容。用户只需简单地选择文件并按下空格键，你就可以立即预览文件内容，无需打开相应的应用程序，大大提高了文件浏览的效率。QuickLook 具有插件系统，允许用户使用自定义插件来预览某些特定类型的文件，如代码文件、3D模型、Office文档、压缩包等。您可以安装适用于这些文件或其他特定格式的插件，以满足个性化需求，进一步扩展 QuickLook 的功能得 QuickLook 使用更加灵活。
bilibili 缩略图导入方法
liano12的博客
08-10 163
bilibili
一键截取万像:视频快照工具的终极指南
Winfredzhang的博客
03-19 438
在本文中,我将分享一个Python脚本,它使用wxPython和OpenCV库,让您只需单击一下,就可以从指定文件夹中的所有MP4视频文件提取第一帧图像。但是,有了Python和强大的库,您可以创建一个自动化工具,在几秒钟内从视频文件中获取缩略图快照。现在,您可以轻松地从视频文件中获取缩略图快照,而无需手动操作。: 如果成功读取第一帧,脚本会自动将其另存为JPEG图像文件,放置在我们之前创建的"snapshots"文件夹中。脚本会遍历所选文件夹中的所有文件,找到具有".mp4"扩展名的视频文件。
1款系统显示音视频缩略图，Windows 必备！
最新发布
多多神器
04-13 176
它几乎支持所有的视频文件类型的缩略图，在它可选的视频文件类型中，简单添加一下，然后重新 ‘激活 Icaros’ 即可生效。工具除了支持显示视频缩略图之外，还能支持显示Flac、APE、MPC等无损音乐格式的封面图片。操作功能非常简单，就是让Windows资源管理器能支持更多视频格式的预览缩略图显示。链接：https://pan.quark.cn/s/705c4cf6b234。工具可以让Windows资源管理器支持显示更多格式的视频缩略图。第一次使用时，只需简单的点击一下 ‘激活 Icaros’。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值