首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从零开发弹幕视频播放器

当浏览器不支持 video 会显示 使用 Media Fragments API 可以为视频添加开始和结束时间。...如果省略,默认就是 subtitles,它有以下属性值: subtitles 字幕给观影者看不懂的内容提供解释 captions 隐藏式字幕提供了音频的转录甚至是翻译 descriptions...,这可能是因为下载已完成或因为其他原因 播放时 在媒体开始播放时触发可能是初次播放、暂停后恢复或结束后重新开始 属性 通过 video 元素,我们可以获取上面提到的属性,也可以改变它来操作视频,比如设置...关于控制器显示/隐藏需要注意几点: 当视频没有播放时控制器要显示出来 当视频播放时需要等一会儿再将控制器隐藏 当视频播放时点击鼠标或移动鼠标需要将控制器显示 当视频播放结束时控制器显示出来 let controlsTimer...textTrack,通过 ::cue 伪类设置字幕样式,但是如果要更精准的控制字幕,我们就需要自己使用 DOM 元素来显示字幕。

4.3K30

认识 Clapper:一款外观时尚的 Linux 视频播放器

为你提供自动隐藏的偏好菜单、模式切换器和窗口控制按钮供等功能。这给了它一个时尚、简约的外观。 它有三种模式: 窗口模式:默认模式显示进度条和窗口控制。...浮动模式:隐藏进度条,播放器浮于其他应用程序的顶部,就像“总是在顶部”或“画中画”模式。...全屏模式:播放器进入全屏,进度条变大,但它们都会自动隐藏起来 image.png Clapper 也有一个自适应的用户界面,可基于 Linux 的智能手机和平板电脑上使用。...因此,如果你有自己的 Pine Phone 或 Librem5,你可以在它上面使用 Clapper。 它支持字幕,并可选择改变字体。然而,在我的测试中,字幕并不可用。...也没有可以明确地在播放的视频中添加字幕的选项。这一点必须改进。 和 VLC 一样,如果你再次打开同一个视频文件,Clapper 也可以让你选择从最后一个时间点恢复播放。

1.3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    全球10大新兴MOOC平台盘点(在线教育)

    例如,字幕平时位于视频下方,按钮通常是隐藏的,让看视频有看电视一般的感觉。鼠标放上去之后会显示进度条和全屏、字幕选择等按钮,这时候字幕会跳到视频上方,避免被进度条挡住。...英语授课,部分课程有英文字幕。能下载视频和课件。有德语课程。 图为iversity的部分课程列表,右边栏显示的是网站的线下聚会、博客文章等动态。...推荐课程:Design 101 虽然课程已经开始了一段时间,但是只看看课程短片和其他用户的作业都是一种美的享受。...可单独查看英文字幕。 喜欢的课程已经开始了一段时间,还要不要上?Open2Study的自适应课程(Selfpaced)完全没有这方面的问题!...每门课程都有即时聊天室,可以加入聊天大厅或学习小组和同学交流。用户可以自由设置自己的状态是在线、忙碌还是隐身,可以查看在线同学列表,和使用QQ的感觉非常相似。

    2K81

    「简单实战」YouTube Iframe API 的使用

    (我自己试了好像不生效,Stack Overflow 上有人说改了) cc_lang_pref 显示字幕的默认语言,取值为 ISO 639-1双字母语言代码 cc_load_policy 值:1。...设为1会使系统在默认情况下显示字幕,即使在用户关闭字幕。 color 进度条颜色,只有两种可选 red 和 white,设置成 white 时,modestbranding 无效。...end 播放多少秒后停止。(正整数) fs 是否显示全屏按钮,0 不显示,1 显示,默认 1。 hl 播放器多语言。取值为 [ISO 639-1双字母语言代码。...start 从多少秒开始播放。(正整数) widget_referrer 看了半天没看明白的 api 。(大致好像是表示来源……) rel 播放结束后显示相关视频。0 不显示,1 显示。...onApiChange 播放器已加载(或卸载)具有公开 API 方法的模块触发。 使用方法就像案例一样。 3.

    4.4K40

    OS X开发:NSProgressIndicator进度指示器控件

    OS X开发:NSProgressIndicator进度指示器控件     NSProgressIndicator是OS X平台上的活动指示器控件,开发者可以设置圆环样式和进度条样式两种。...progressIndicator.doubleValue = 5; //设置风格 progressIndicator.style = NSProgressIndicatorBarStyle; //设置是否当动画停止时隐藏...NSProgressIndicator类中属性方法解析如下: //设置是否是模糊模式 牧户模式下,不显示具体的进度,通过动画提示用户正在加载 @property (getter=isIndeterminate...; //开始动画 - (void)startAnimation:(nullable id)sender; //结束动画 - (void)stopAnimation:(nullable id)sender...NSProgressIndicatorSpinningStyle = 1 //风火轮风格 }; */ @property NSProgressIndicatorStyle style; //设置动画停止时进度条是否依然显示

    1.5K10

    SkeyeExPlayer(Windows)开发之跨语言调用

    取名叫SkeyeExPlayer,关于界面逻辑的处理过程就不做过多赘述了,大家有兴趣的可以去看SkeyeExPlayer项目代码;下面我们讲解一下SkeyeExPlayer的调用流程:(1) 打开一个流或文件进行播放通过...是否使用水印 1=启用 0=不启用 -1=删除// nMoveType- 移动类型:0--固定位置,1--从左往右,2--从右往左,//R,G,B- 字体颜色对应三个分量红绿蓝0-255// x- 字幕显示左上角位置...x坐标// y- 字幕显示左上角位置y坐标// weight- 字体权重,见如下声明// /* Font Weights */// #define FW_DONTCARE 0// #define...进度显示计时 case TIMER_ID_PROGRESS://进度条计时器{#if 1if (m_totalDuration 进度条OnHScroll消息处理else if (m_sliderSound == pSliderTmp)//音量调节{int nValue = m_sliderSound->GetPos();

    46730

    工具系列 | H5自定义视频播放器实现

    JavaScript 语法 audio/video.buffered; 3.controls属性 设置或返回视频、声频用户界面 使用controls属性设置或返回能够操作视频、声频播放或停止的用户标准界面...用户标准界面的构成: 播放 暂停 播放滑条 音量 满屏切换(视频) 字幕切换(如果可用) 字幕轨道(如果可用) 注:使用controls属性设置或返回视频是否带有基本用户操作界面。...false 设定用户界面不显示 JavaScript 语法 audio/video.currentSrc 5.currentTime属性 设置或返回视频、声频的当前播放位置 使用currentTime...(5)onseeking事件 为用户开始改变或正在改变播放位置时触发的事件 即:用户正在操作滑动条时触发的事件。...fullScreen.addEventListener('click',function () { myVideo.webkitRequestFullScreen(); })// 鼠标进入视频,控制栏的显示与隐藏控制

    5.5K10

    Linux性能分析:top命令使用

    top命令 top 命令是 Linux 系统中一个实时显示进程动态的工具,它可以显示系统中各个进程的资源占用情况,如 CPU 使用率、内存使用率等。...0 stopped:已停止的进程数。 0 zombie:僵尸进程数。...[ ]:这是一个图形化的进度条,表示内存的使用情况。在这个示例中,进度条几乎没有填充,说明内存使用率很低。...top命令交互操作 在 top 命令的交互式界面中,你可以使用以下按键来执行操作: h 或 ?:显示帮助。 q 或 Ctrl+C:退出 top。 P:按 CPU 使用率排序。 M:按内存使用率排序。...l、t、m:显示/隐藏第一行(负载信息)、第二行(任务信息)、第三行(内存信息)。 H 通过帮助信息,可以查找你想要操作指令来帮助你分析进程性能数据。

    46120

    Mac简单好用的镜像投屏软件:JustStream PRO

    JustStream PRO 是一款简单好用的镜像投屏软件,可以将 Mac 上的显示镜像到电视,将 Mac 镜像到 Chromecast,将 Mac 镜像到 Apple TV,等等。...** 支持字幕 **无论您的视频附带的字幕是外部的还是嵌入式的 - JustStream 具有对多种字幕格式的高级支持。...** 在您方便时暂停/恢复 **使用 JustStream,您可以随时从停止播放的位置恢复您的视频或音频。...** JustStream 是谨慎的 **该应用程序被整齐地隐藏在菜单栏中,只有在您需要时才能轻松访问。...→ 将 Mac 镜像到电视的优势• 选择将在电视上显示的屏幕(或连接的显示器)。• 使流媒体视频适合电视屏幕。• 决定是否捕捉鼠标光标的移动。• 决定是否捕捉鼠标点击。

    1.6K40

    极简纯净B站视频下载器biliDown v1.0.5,支持8K+Hi-Res音效及字幕、刮削等

    该软件仅调取B站API以及视频的解析而已,并无上传或存储到服务器的功能。当然利用某些插件也可达到效果,详情请自搜。由于之前所介绍的差不多停更了,故9月首帖更新一下近期新版本工具。...修复:修复最大化按钮在icon上点击不生效的问题,修复上版本遗漏的直接下载字幕功能,修复因未登录无法使用srt字幕功能导致的推送UI界面显示不友好问题 v1.0.3更新内容:(2023-08-30) 解析视频主要以视频链接...优化:增加搜索缓存,关闭进度条的过渡,下载很快的时候有过渡体验并不好。...修复:修复最大化按钮在icon上点击不生效的问题,修复上版本遗漏的直接下载字幕功能,修复因未登录无法使用srt字幕功能导致的推送UI界面显示不友好问题 v1.0.3更新内容:(2023-08-30) 解析视频主要以视频链接...优化:增加搜索缓存,关闭进度条的过渡,下载很快的时候有过渡体验并不好。

    33210

    ffplay播放器移植VC的工程:ffplay for MFC

    此外还包含一些控制功能:播放,暂停/继续,前进,后退,停止,逐帧播放,全屏等;以及一些简单的视频码流分析功能:视频解码分析和音频解码分析。...解码分析:以列表的形式显示每个音频帧的详细信息。 1.3控制按钮 控制按钮包含了:开始,后退,暂停/继续,前进,停止,逐帧播放,全屏。 此外,这一排控制按钮的上方,包含了视频播放的进度条。...可以通过拖动进度条控制视频的播放。 二. 视频播放窗口 视频播放采用SDL显示。 三. 视频解码分析窗口 视频解码分析窗口列表显示了每一个视频帧的一些信息:序号,帧类型,关键帧,码流序号,PTS。...包括系统支持的:协议,封装格式,视频解码器,音频解码器,以及其他解码器(字幕解码器)。例如协议列表如图所示,从中可以看出本程序支持的协议类型包含http,file,mms,rtp等等。...包含:播放,暂停/继续,停止,逐帧播放,全屏。此外包含了多种快进快退操作:快进10秒,1分,10分;快退10秒,1分,10分。 播放窗口:与播放窗口有关的各种选项。

    1.1K30

    恶意代码分析实战六:熊猫烧香病毒样本分析

    接着还可以看到Hidden关键字,对注册表的这个位置进行设置,能够实现文件的隐藏。此处进行设置后,即便在”文件夹选项”中选择”显示所有文件和文件夹”,也无法显示隐藏文件。...因为创建了这些文件之后就对注册表中的SHOWALL项进行了设置,使得隐藏文件无法显示,因此这些所创建出来的文件属性都是隐藏的。...main入口函数 用“倚天剑”IDA Pro载入样本后可以看到如下图: 图1是样本的main函数入口最开始的汇编代码,我们不从第一行汇编代码开始看,因为大部分内容都是Delphi自动生成的,我们只找关键位置来看...sub_403C98(AllocStrCpy) Part1: 我们在图1中可以看到有两个sub_403C98的函数,因为之前说过上面代码都是Delphi自动生成的,所以这里就不分析,我们最开始的地方应当是标红这位置开始分析...显示出了Delphi的符号,便于分析和调试。

    3.4K20

    关于字幕你想知道的一切

    Q: 什么是隐藏式字幕(closed captioning)?...A: 术语“隐藏式”(closed captioning)和“开放式”(open captioning)字幕:开放式字幕显示在图片本身中,也称为“烧录”,习惯称作硬字幕。...隐藏式字母通常是指电视频道被同步发送,但仅在观众要求显示字幕时才显示。我们经常在播放器中看到的 CC 按钮,指的就是 closed captioning。...预算也是一个很大的影响因素,调度也是一个因素,人工字幕员需要预先知道会做什么工作,他们也需要做一些准备。 Q: 我想为我的视频添加字幕,该如何开始?...常规方法会将视频分成两类,预录制的或实时的,在预录制场景下,目标一般是 100% 的字幕准确度,因为能获取准确的时间轴、可以重复听多次、如果有理解上的困难,可以查询参考材料,不像实时视频的时候,只有一次机会

    2.5K20

    苹果Clips这个神剪辑软件,我们抢先体验了一把

    就像一个后期特效软件了,对于以前的视频来说,添加方式也非常简单:调出视频,按住录制,不想录制了可以拖动进度条快进。   ...看到这还没完呢,这个软件属于隐藏秘笈特别多的那类app,这几天我摸索出来几个小技巧,我要是不说,你们可能一辈子都不知道,所以必看!   ...实际上Clips有个录制锁,按下红色按钮并向左滑动,可将其锁定在录制位置,再按就停止录制。   是不是觉得表情符号不够用?...在录制即时字幕时,我们往往并不需要背景声音,因为大多数都会选择BGM,但如果静音的话,岂不是自己说话也不会被即时字幕录到了?这里有个隐藏很深的秘笈。...录好的即时字幕也可以改,首先点击一个包含即时字幕的片段,然后在即时字幕的文字出现在屏幕上时暂停,这时就可以修改字幕内容了。

    1.6K20
    领券