视频技术
关注
分享
扫一扫
文章平均质量分 78
视频砖家
我就是我，是颜色不一样的烟火……
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
PPBar开源项目做播放器进度条的例子
PPBar是一款开源的视频播放器进度条组件，提供丰富的可视化功能。主要特性包括热力图（支持自定义时间分段和数据点）、缩略图预览（可配置行列数和尺寸）以及章节标记功能。该组件兼容多种播放器，支持UI定制可模拟YouTube/B站等平台的进度条样式。通过简单API即可实现动态数据更新、播放器联动等交互效果，适用于各类视频播放场景。项目地址：https://github.com/web-streaming/ppbar原创 2025-09-30 18:30:04 · 1090 阅读 · 0 评论 -
如何在观看视频中弹出问题？问答播放器/视频弹题
视频问答播放器是一种互动教学工具，通过在视频特定时间点弹出问题卡片，强制学员答题后才能继续观看。主要功能包括：1）设置答题时间点，回答错误会回退视频重新学习；2）防止学员挂机，确保学习专注度；3）支持自定义问题内容和答题逻辑。技术实现上可通过JavaScript调用播放器API，设置问题参数和答题回调函数，实现答题正确继续播放、错误重学的互动效果。该功能适用于在线教育场景，能有效强化学习要点，提升教学效果。原创 2025-08-18 18:52:59 · 1000 阅读 · 0 评论 -
视频播放器中直接显示播放热力图的实现效果
视频播放热力图实现及应用分析 摘要：本文介绍了视频播放热力图的实现方法及其应用价值。通过JavaScript代码示例展示了如何集成热力图功能到播放器中，使用红蓝渐变色彩表示观众关注度分布。热力图可帮助分析视频内容吸引力，识别观众兴趣点，优化视频结构，提升完播率。在教育和营销领域具有重要应用价值，可用于分析知识点关注度、优化推广策略等。文章包含完整的代码实现方案，通过PPBar组件实现热力图可视化效果，并支持动态更新数据。该技术为视频内容优化提供了数据支撑。原创 2025-08-12 17:08:27 · 993 阅读 · 0 评论 -
搞定~下载微信小程序中的视频文件教程
本文介绍了利用Fiddler抓包工具和VLC播放器下载微信小程序视频的方法。首先通过Fiddler抓取小程序视频流量，筛选出.m3u8格式的流媒体链接；然后使用VLC播放器测试链接有效性，并选择适当格式将流媒体转存为本地文件。该方法适用于需要保存小程序视频内容的场景，文中详细说明了工具配置、链接抓取和视频转换的具体操作步骤。原创 2025-08-11 12:18:46 · 1823 阅读 · 0 评论 -
播放热力图、播放器进度条热力图的实例和效果
播放热力图是分析视频观看行为的重要工具，能直观展示不同时间段的观众热度。通过高热度区域可识别精彩内容，低热度区域则反映潜在问题点，帮助创作者优化剪辑节奏和内容策略。演示代码展示了如何集成热力图功能，包括数据获取、UI实现及播放器事件处理。该技术可精准定位观众兴趣点，为视频制作提供数据支撑，有效提升内容质量和观看体验。原创 2025-08-05 16:25:39 · 942 阅读 · 0 评论 -
AES加密AES解密算法实例
本文展示了三种PHP实现AES加密解密的方案。第一种采用CBC模式，使用固定16字节密钥和初始向量；第二种采用ECB模式，自动生成初始向量并包含完整的数据填充和截断处理；第三种简化了ECB模式的实现。所有方案均支持128位加密，包含密钥处理、数据填充、加密解密及结果转换等完整流程，并提供了16进制与二进制字符串的转换方法。特别说明ECB模式加密结果与密钥相关但与初始向量无关，而CBC模式则与两者都相关。原创 2025-07-29 10:48:16 · 172 阅读 · 0 评论 -
保持视频二维码不变，如何更新视频内容，节省物料印刷成本
摘要： 视频替换功能可在不改变二维码、链接及代码的情况下更新视频内容，适用于营销宣传、产品手册等场景（支持多种视频格式）。用户只需上传新视频文件即可完成内容替换，无需重新印刷物料，显著降低成本。技术实现上，可通过PHP调用QRCode库生成固定二维码，同时灵活更新后端视频资源。该方案兼顾内容迭代需求与成本控制，适用于企业宣传、产品更新等高频修改场景。原创 2025-07-17 10:17:14 · 305 阅读 · 0 评论 -
移动端Html5播放器按钮变小的问题解决方法
解决手机浏览器播放器按钮过小问题的方法是在HTML的<head>中添加viewport元标签。该代码设置设备宽度为视口宽度，固定缩放比例为1并禁用用户缩放功能，确保播放器按钮在不同设备上保持合适大小。原创 2025-07-03 09:08:34 · 1066 阅读 · 0 评论 -
html5视频播放器的调用例子（原生代码和云平台代码）
本文介绍了HTML5视频嵌入的三种方法：使用标签（支持多种格式）、标签（仅支持Flash）以及完整的HTML5调用代码示例。第二部分详细讲解了云平台视频播放器的功能实现，包括播放器初始化、尺寸设置、视频切换、清晰度/倍速/线路切换、预览模式、续播功能、外观定制等高级功能，并提供了相关代码示例。文章还包含视频加密、AI工具应用、FFmpeg编码等延伸内容，为开发者提供了全面的视频嵌入解决方案和技术参考。原创 2025-07-01 09:16:57 · 1394 阅读 · 0 评论 -
专业教育机构付费课程视频如何做加密防下载防盗录？
专业教育视频防盗版技术方案：采用VRM加密将视频切片并进行多重加密（AES128/XOR/关键帧错序），使下载的视频无法播放；植入用户ID跑马灯和数字化动态水印追踪盗录者；使用AI隐形水印实现无感知溯源；禁用进度条拖动保证学习连贯性；问答播放器功能强化教学互动。通过文件加密、身份溯源、播放控制等技术手段，构建多层次版权保护体系。原创 2025-06-24 17:12:54 · 933 阅读 · 0 评论 -
H.264编码器（h264）的参数信息(收藏)
H.264（MPEG-4 AVC）是一种灵活的视频编码标准，适用于从移动视频到高清广播等多种场景。其核心参数包括：配置文件（Profile）决定功能子集，常用High Profile平衡质量与兼容性；等级（Level）限制视频规格，需根据目标设备选择；码率控制模式（CBR/VBR/CRF）影响质量与文件大小，其中2-pass VBR和CRF模式能提供最佳质量平衡。合理设置这些参数对优化视频编码至关重要。原创 2025-06-03 10:13:25 · 1649 阅读 · 0 评论 -
HTML5 Video (视频) 深入解析
它支持播放控制、视频属性设置、多源视频播放、字幕和音轨添加，以及事件监听等功能。HTML5 Video的优势包括跨平台兼容性、更好的用户体验、自适应播放、可编程性和支持多种视频格式（如MP4、WebM和Ogg）。不同浏览器对HTML5 Video的支持情况各异，建议提供多种格式的视频源以确保兼容性。原创 2025-05-21 10:01:13 · 1186 阅读 · 0 评论 -
推荐一款跨平台视频提取工具（支持流媒体下载）
推荐一款跨平台视频提取工具，用户无需抓包，通过软件自带的浏览器即可轻松嗅探网页中的视频资源，并选择下载。软件支持Docker部署和Web端更新，桌面端UI也进行了优化。新增功能包括视频播放支持、批量下载优化、下载列表导出等。此外，软件支持直播视频下载，但需用户自行分辨数据源。MacOS用户需根据芯片类型选择相应版本安装。软件还提供视频二维码生成与应用教程，以及热门原创推荐和AI工具类文章。对于企业用户，软件提供视频加密和防下载功能，以及视频直播推流攻略。原创 2025-05-17 23:00:14 · 1360 阅读 · 0 评论 -
PHP QR Code 库的源代码
PHP QR Code 库的源代码，GitHub ，这是一个功能强大且用户友好的 PHP QR Code 生成器和读取器。它支持多种输出格式（PNG, JPG, SVG, EPS, PDF 等）和多种编码模式原创 2025-05-16 09:07:58 · 952 阅读 · 0 评论 -
如何设置FFmpeg实现对高分辨率视频进行转码
使用FFmpeg进行高分辨率视频转码的步骤如下：首先，确保FFmpeg支持GPU加速，通过命令ffmpeg -hwaccels检查CUDA支持。接着，下载样本视频进行测试，例如使用wget命令获取Blender基金会的样本视频。然后，使用FFmpeg命令将视频从720p放大至4K分辨率原创 2025-05-14 12:20:56 · 1577 阅读 · 0 评论 -
防止付费课程视频被盗被下载的五大招数
教育直播市场虽然前景广阔，但盗版问题严重，许多教育机构的视频被非法下载，给教育机构和教师带来损失。为了防止付费课程视频被盗版，可以采取以下五大措施：1. VRM加密视频：通过切片和混淆式加密技术，确保即使视频被下载也无法正常播放。2. 用户ID跑马灯：在视频上显示用户ID或电话号码，以追溯盗版者。3. 数字化动态水印：将用户信息以动态水印形式展现在视频上，便于追踪录屏者。原创 2025-05-13 22:50:28 · 883 阅读 · 0 评论 -
PHP QR Code 库的引入代码
在你的 PHP 脚本中，使用 include 'phpqrcode/qrlib.php'; 来引入库的主文件。请确保路径是正确的，根据你将 phpqrcode 文件夹放在项目中的位置进行调整原创 2025-04-24 16:27:21 · 568 阅读 · 0 评论 -
将视频生成视频二维码的流程介绍
您需要将您的视频上传到视频托管平台，例如优酷或您自己的服务器，如果自己没有服务器，也可以上传到酷播云平台，这里可以直接存储和生成二维码原创 2025-04-20 06:36:51 · 735 阅读 · 0 评论 -
FFmpeg强大的音视频处理工具指南
ffmpeg-i之后my _ audio.wavmy_audio.mp3-i是要转换的音频文件，my_audio.mp3是目的音频文件。原创 2025-01-17 09:12:56 · 703 阅读 · 0 评论 -
视频添加背景功能（给视频添加一张设计好的背景图片）
视频添加背景功能（给视频添加一张设计好的背景图片）The more important highlights of the release are that the VVC decoder, merged as experimental in version 7.0, has had enough time to mature and be optimized enough to be declared as stable. The codec is starting to gain traction wi原创 2025-01-17 09:09:57 · 819 阅读 · 0 评论 -
设置视频码率、视频质量与码率的关系
设置视频码率以获得最佳观看体验需要平衡视频质量、文件大小、网络条件和播放器能力。通过合理设置码率，您可以确保视频既清晰又能够在各种环境下流畅播放。原创 2024-12-05 14:26:32 · 2464 阅读 · 0 评论 -
视频码率到底是什么？详细说明
视频码率（Video Bitrate）是指在单位时间内（通常是每秒）传输或处理的视频数据量，用比特（bit）表示。它通常用来衡量视频文件的压缩程度和质量，码率越高原创 2024-12-04 15:15:13 · 2264 阅读 · 0 评论 -
FFMPEG音视频编解码器命令行参数解释（超详细）
FFMPEG堪称自由软件中最完备的一套多媒体支持库，它几乎实现了所有当下常见的数据封装格式、多媒体传输协议以及音视频编解码器，提供了录制、转换以及流化音视频的完整解决方案原创 2024-09-05 17:13:45 · 2683 阅读 · 0 评论 -
视频码率与视频文件大小的关系
视频码率是决定视频质量和文件大小的关键因素之一。它指的是视频文件在单位时间内使用的数据流量，通常以比特率（bit/s）表示。以下是视频码率与视频文件大小之间的关系和一些影响因素原创 2024-08-28 09:25:01 · 2933 阅读 · 0 评论 -
“视频AI+职业教育”会碰撞出什么样的火花？
终于等到公司要出“视频AI”产品了，很振奋呀，很期待产品的发布。展望：已经实现AI+情绪分析、AI+智能审核、AI+视频内容检索、AI+多语言实时字幕、AI+会议速记、AI+窄带高清编码多种功能。原创 2023-05-17 17:49:30 · 677 阅读 · 0 评论 -
FFmpeg最常用命令参数详解及应用实例
FFMPEG堪称自由软件中最完备的一套多媒体支持库，它几乎实现了所有当下常见的数据封装格式、多媒体传输协议以及音视频编解码器，提供了录制、转换以及流化音视频的完整解决方案。原创 2023-03-02 14:23:00 · 17234 阅读 · 0 评论 -
常见的视频文件格式有哪些？
视频文件格式原创 2023-02-28 17:43:15 · 8734 阅读 · 0 评论 -
视频收费效果（旧Flash模式）
视频收费效果（旧Flash模式），视频节目预览(视频收费模式/节目试看)演示效果，使用场景：收费视频，收费课程教程，视频预览功能，节目试看功能。 产品介绍：本范例实现用户试看一小段视频节目，即关闭视频显示收费信息（收费信息设置在DIV+CSS中实现，不是在播放器内容，使之更为灵活，程序人员可以自由设定）； 使用方式：第1步.参数中设定视频结束点秒数：例如JcScpEndTime=18; 第2步,设定getEnd函数，此函数为视频播放到指定时间点，视频结束即执行的函数；第3步，在getEnd函数原创 2022-02-15 09:15:16 · 225 阅读 · 0 评论 -
酷播云H5播放器自动播放与循环播放
酷播云H5播放器自动播放与循环播放，播放器自动播放与循环播放，说明：html5的自动播放与循环播放，各浏览器的支持并不一致，存在部分浏览器不支持的情况。原创 2021-12-02 10:07:31 · 537 阅读 · 0 评论 -
视频html5播放器代码实例
视频html5播放器代码实例<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css">*{margin: 0;padding: 0;list-style: none;} .outerNode{width: 540px;height: 332px;posit.原创 2021-10-20 12:21:26 · 3479 阅读 · 1 评论 -
视频倍速播放（视频倍速率来加速播放音视频文件）
倍速播放问题，在html5代码中，是使用playbackRate来实现，音频、视频播放速率都可以实现：// 获取视频速率var playback = video.playbackRate;// 设置视频播放速率video.playbackRate = 1.5;// 获取音频播放速率var audioPlay = audio.playbackRate;// 设置音频播放速率audio.playbackRate = 1.5;完整示例代码如下：<video id="vid...原创 2021-09-16 14:40:03 · 1684 阅读 · 0 评论 -
html5视频播放器带ID跑马灯效果（视频防录屏）
通过接口配置获取观看者信息，将观看者信息随机显示于视频播放界面（可自定义位置、时间、时长、及颜色等），在不影响观看体验的同时，让视频具备指纹信息。ID跑马灯可快速追踪被盗视频出处，方便第一时间对录屏者进行举报封号，并为法律途径起诉保留证据。在震慑盗版者的同时，也这样可以大大的增加盗版者的录屏成本，同时还能够强力的震慑盗版者。应用场景：html5视频播放器带ID跑马灯常可以用在教育机构、企业视频教学中做防录屏的保护。例如以下演示截图ID显示是：ID-TONY-2021-2-25-TEL-1350.原创 2021-07-29 16:27:01 · 2133 阅读 · 0 评论 -
视频直播嵌入企业微信公众号的方法
视频直播嵌入到企业微信公众号的方式，有以下三种：1.把直播间连接放到微信公众号的自定义菜单键里；2.图文的阅读原文或者图片文字的超链接；3.自定义回复发送直播间连接。1. 把直播间连接放到微信公众号的自定义菜单键里（推荐）打开微信公众号管理平台第1步：打开并登录微信公众号管理平台；第2步：（2）如下数字一样的操作步骤，（3）添加一个企业宣传片的菜单，之后，将上一步复制的（4）“观看链接地址”，粘贴到菜单的跳转页面地址框中，再点“保存”。2. 图文的阅读原文或者图片文字的超链接原创 2020-11-12 11:47:56 · 4992 阅读 · 0 评论 -
教你一招：多个视频如何实现列表播放？
原创文章，20191129 -16：45我是视频产品经理，喜欢研究视频类应用，今天来介绍一下视频列表的实现教程。场景应用说明：1. 有多个视频，希望通过列表来实现播放；2. 提示，本教程主要基于PC端观看。STEP1打开 视频列表 后（如图1），点选 播放列表（如图2），即可创建视频播放列表。图1：视频列表界面图2：播放列表 （界面）STEP2...原创 2019-11-29 16:48:37 · 9059 阅读 · 0 评论 -
视频二维码应用教程与使用指南
视频二维码应用越来越广，来个使用教程吧。STEP1注册帐号使用视频二维码，您需要注册用户帐号。参考如下( 图1-1 )，按照提示填入您的注册信息，再点击下方的"注册"按钮，完成酷播云用户帐号的注册。1. 如果您没有帐号，可点此注册：http://my.cuplayer.com/register2. 如果您已帐号，可点此登录：http://my.cuplayer.com/lo...原创 2019-10-22 12:05:25 · 1300 阅读 · 0 评论 -
话说HLS,HTTP,RTSP,RTMP协议的主要区别
HLS,HTTP,RTSP,RTMP协议的区别：视频全终端观看 用HTTP方式： 先通过服务器将FLV下载到本地缓存，然后再通过NetConnection的本地连接来播放这个FLV，这种方法是播放本地的视频，并不是播放服务器的视频。因此在本地缓存里可以找到这个FLV。其优点就是服务器下载完这个FLV，服务器就没有消耗了，节省服务器消耗。其缺点就是FLV会缓存在客户端，对FLV...原创 2019-10-21 18:42:50 · 1178 阅读 · 0 评论 -
视频获客方法：学员信息收集器（带学员信息收集功能的播放器）应用
获取客源，太难了，有没有通过视频来获取的方式呢？有。学员信息收集器（带学员信息收集功能的播放器）： 获得访客的联系方式就是商机，助力提升销售业绩！视频效果：视频播放到某个时间点，弹出广告图和表单，访客填写联系方式后方可继续观看(只需填写一次)。应用场景：某线下培训机构，在自有视频网站和友站，投放了一批使用了“访客信息收集器”的视频，并获得了大量学员的联系方式，销售人员通过筛选和后续跟进，线下报...原创 2019-10-12 10:17:19 · 357 阅读 · 0 评论 -
OBS直播工具使用指南/OBS推送直播视频源到服务器的工具
OBS使用指南windows系统下载和安装OBS是用于推送直播视频源到服务器的工具，下载安装包地址为http://mtnets.bj.bcebos.com/obs.rar，软件下载之后，根据弹出的界面提示完成安装。快速操作步骤视频的清晰度与码率和品质有关，码率大，品质高，那么视频的清晰度就高，同时，对带宽的要求也越大。详细的参数设定参考如下：1.以直播采用标清480p为例，...原创 2019-04-16 17:36:05 · 15686 阅读 · 0 评论 -
酷播云的视频数据统计与受众分析功能
酷播云的视频数据统计与受众分析功能酷播云的统计分析功能截图，什么是酷播云？就是可以上传视频，上传后，就可以直接调用播放的一个平台，最大特色是无广告，不像youku，tudou视频前面会加一段70秒的广告。查看数据统计的方法第1步：登陆酷播云管理平台后，点击顶部导航栏的“数据统计”，界面如下。第2步：这个界面即显示您站点中播放视频的基本数据情况。地理位置第1...原创 2019-04-15 22:07:11 · 567 阅读 · 0 评论 -
一对一网络课堂教室应用教程实例
1对1教学应用场景：K12升学、考试、补习、作业、课程辅导，比如小班课、一对一教学、一对六教学等。1对1教学优势：体现在课堂讨论、探讨之类，因为讲师与学生之间，可以正常视频连卖、视频对话，共周对课程内容进行对话，互动性特别好。好了，这是后话，我还是讲讲1对1教学如何实现吧。特别注意：1. 本教程应用的直播云平台是 保利威(POLYV) 视频平台，如果有兴趣要测试的朋友可以联...原创 2019-04-11 15:27:36 · 2120 阅读 · 0 评论