IOS14和macOS Safari14使用video.js解压字幕
。
首先，让我们来解释一下所涉及的术语和概念：
- IOS14：IOS14是苹果公司发布的操作系统版本，用于iPhone和iPad设备。它引入了一些新的功能和改进。
- macOS Safari14：macOS Safari14是苹果公司为其计算机操作系统macOS开发的网页浏览器的版本。它提供了更快的性能和更多的功能。
- video.js：video.js是一个开源的HTML5视频播放器框架。它提供了一系列的API和工具，使开发者可以在网页上轻松地嵌入和控制视频播放。
- 解压字幕：解压字幕是指将视频文件中的字幕提取出来，并以可编辑的格式保存，以便对字幕内容进行修改或翻译。
基于上述概念和要求，下面是一个完善且全面的答案：
在IOS14和macOS Safari14中，如果你想使用video.js解压字幕，你需要按照以下步骤进行操作：
- 在你的网页中引入video.js：你可以在网页的<head>标签中添加以下代码，以引入video.js：
<link href="https://vjs.zencdn.net/7.14.3/video-js.css" rel="stylesheet" />
<script src="https://vjs.zencdn.net/7.14.3/video.js"></script>- 创建一个视频元素：在你的网页中，添加一个视频元素的HTML代码，如下所示：
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup="{}">
<source src="path/to/video.mp4" type="video/mp4">
<track kind="captions" src="path/to/subtitles.vtt" srclang="en" label="English">
</video>在上述代码中，你需要将"path/to/video.mp4"替换为你的视频文件的路径，将"path/to/subtitles.vtt"替换为你的字幕文件的路径。你还可以根据需要调整视频元素的属性。
- 初始化video.js：在网页的<script>标签中，添加以下代码来初始化video.js：
var player = videojs('my-video');通过上述代码，你可以创建一个video.js播放器实例，并将其绑定到视频元素上。
- 解压字幕：video.js提供了API来处理字幕。你可以使用以下代码来解压字幕：
var track = player.textTracks()[0];
var subtitles = [];
for (var i = 0; i < track.cues.length; i++) {
var cue = track.cues[i];
var subtitle = {
startTime: cue.startTime,
endTime: cue.endTime,
text: cue.text
};
subtitles.push(subtitle);
}在上述代码中，我们首先获取第一个字幕轨道的引用。然后，我们遍历轨道中的所有cue，并将每个cue的开始时间、结束时间和文本保存到一个数组中。
- 处理字幕数据：一旦你解压了字幕，你可以根据需要进行处理。例如，你可以将字幕内容显示在页面上的某个位置，或者将其导出为一个文件。
至于腾讯云相关产品，推荐使用的产品取决于你的具体需求和场景。你可以参考腾讯云的云视频服务（https://cloud.tencent.com/product/vod）和云媒体处理服务（https://cloud.tencent.com/product/mps）来了解更多相关产品和功能。
希望以上回答能够满足你的要求，如果有任何问题，请随时提出。
相关·内容
来自控制台的错误消息： 尝试从源加载URL时出错，不安全。域、协议和端口必须匹配。 我的VTT域名与我的原始域不同。
浏览 13提问于2020-10-02得票数 1
回答已采纳
2回答
HTML5视频字幕支持
、、、、
一些字幕，我正在为电影和节目添加到视频播放器，不支持浏览器，因此我们看到了这张图片。
我如何解决字幕字体损坏的问题，或者如果这是不可能的，那么我需要从字幕列表中隐藏它们，我如何检查字幕字体支持或不支持？添加字幕的代码的一部分 vjsPlayer.addRemoteTextTrack
浏览 4提问于2021-04-01得票数 0
1回答
我正在使用，我已经阅读了文档，但我不明白我应该为数据提供什么。// initialize video.jsplayer.caption({data: captionData我有srt和vtt字幕文件在我的服务器上，我如何给这个文件的数据，以便它可以加载在播放器中的字幕。我正在搜索和工作了大约8个小
浏览 2提问于2015-07-08得票数 1
在iOS和安卓设备上，HTML5视频没有显示曲目闭路字幕吗？请帮我把这个弄掉。我使用的是video.js 4.1.0
浏览 0提问于2013-07-04得票数 1
差不多就是这样了，我需要把字幕改到网页的影院，如果可能的话，甚至根本没有，但大部分时候我想要改变视频播放器的字幕。我可以给你看这个网站，但不要认为它是必要的。kind:'subtitles', label: 'عرب.'但似乎既没有出现，也没有改变玩家的字幕
浏览 7提问于2022-12-04得票数 0
2个问题：<track kind="subtitles" src="subtitles/sample.vtt" srclang="en" 在Chrome中，我得到的字幕/字幕轨道覆盖了两次。
浏览 0提问于2012-12-07得票数 2
在新的ios14和macOS Big Sur中，苹果使用了一种“清晰”的背景(此外，在NavigationView中，滚动时也使用了这种类型的背景)。我该如何使用它们？尝试使用不透明度，但结果不同
浏览 3提问于2020-11-12得票数 0
回答已采纳
1回答
我一直在使用Video.js嵌入mp4视频，它是一个很棒的播放器，感谢所有开发和使用它的人。在大多数情况下，它工作得很好，但我有几个小问题需要弄清楚。<video id="WAW_video_1" class="video-js vjs-default-skin"
浏览 9提问于2014-03-20得票数 0
我正在使用video.js 5.7.1在一个网页内的单个视频播放器。视频元素包含一个“标题”跟踪元素。当用户单击IE 11中的CC按钮时，他们会看到一个包含以下内容的菜单：
我想完全删除第一个菜单项“标题设置”，使菜单只显示“标题关闭”和“英语”。现在，我将轨道类型设置为“字幕”，而不是“标题”，以完全避免设置菜单。
浏览 8提问于2016-03-04得票数 3
回答已采纳
在iOS 14中，Xcode显示了一个警告：
我正在使用StoreKit在我的应用程序中自动要求评审。
浏览 5提问于2020-09-18得票数 77
回答已采纳
3回答
我试图根据videojs.Is中的特定条件显示错误消息，在不使用像videojs-errors这样的插件的情况下，有任何可能的方法来显示消息
我尝试过使用player.error()，但是这只是在控制台中打印一个错误
浏览 1提问于2018-06-25得票数 3
回答已采纳
1回答
我通过使用width和height图像属性手动指定图像尺寸修复了这个问题，如下所示： <img class="lazyload img-fluid" data-src"/path/to/image.jpg" width="200" height="400" /> 它在除Safari之外的所有浏览器上都运行得很好，但我很困惑，因为Safari14(和移动Safari14)的su
浏览 45提问于2021-03-24得票数 1
回答已采纳
我们重新设计了我们的新动漫网站，我们想使用Video.js作为主要的视频流工具。因为，播放器有字幕(抄送)选项。每个人都知道video.js的经典嵌入。你可以在video.js网站上找到它，但当我在谷歌上搜索到src的驱动器链接时。什么都没发生。这些是我尝试添加到video.js 的一些链接这些都不管用，我甚至尝试了很多方法：嵌入Google Drive的唯一真实的方法是：
<embed allowfullscreen="true0BxuJWWG104p
浏览 0提问于2015-08-03得票数 0
1回答
这是我当前动态显示一种字幕语言的脚本。我想添加多种语言，这意味着track.src = "<?php echo $_product->closed_caption_link; ?
浏览 22提问于2021-07-09得票数 0
我使用了与example-demo页面相同的标记，但默认参数并不起作用。我没有看到任何字幕自动播放。我必须手动选择字幕并选择曲目。
浏览 2提问于2013-06-22得票数 5
我正在尝试使用PDF浏览器扩展来获得PDF预览，以便在MacOS Big Sur Safari上工作。 我们有一个返回文件数据的.NET框架web api。使用以下函数检索文件数据。this.domSanitizer.bypassSecurityTrustResourceUrl(url), }
} 然后，我们在对象元素中使用<object id="preview" type="ap
浏览 9提问于2020-12-31得票数 4
回答已采纳
我正在尝试使用macOS阅读AppleScript通知标题和字幕。我使用发布的 (数字5)示例成功地获得了标题，但我也需要获得副标题。end repeat end tellend run
有人知道我怎样才能得到通知字幕吗
浏览 2提问于2020-04-01得票数 3
回答已采纳
所以我的问题是，我想使用Visual 2022，但是当我运行一个像简单代码一样的程序时，我会得到这个错误，顺便说一句。我使用C#和.Net 5.0，因为.Net 6.0看起来很奇怪，因为没有方法、类等等：
但是后来我下载了Visual 2019，它运行得很好吗？我不知道问题出在哪里。
浏览 6提问于2022-03-04得票数 0
我不确定是否有其他方法可以解决这个问题，但react-native-datetimepicker不能与iOS14一起工作。有许多讨论非世博会管理包的解决方案的帖子(例如:创建AppDelegate文件或将“显示”更改为默认的“旋转器”)，但这两种方法都不起作用/我无法做到，因为我使用的是托管世博会。我已经删除了我的包-lock和node模块，并清除了缓存并重新安装，但仍然没有成功。 在iOS14和datetime picker中有没有其他包或者其他方法来解决这个bug？Expo CLI 3.28
浏览 41提问于2020-11-24得票数 2
回答已采纳
2回答
不管怎么说，谁知道有一个很好的克隆的应用程序下载字幕真的很容易？我真的很欣赏它的简单性:只要把电影拖到那里就行了，不要再点击了。对于那些不知道它的人:这是一个小应用程序，你把电影文件拖到它(或文件夹)上，它会在你喜欢的语言上搜索字幕，自动下载它们，并把它们放在你的电影文件附近。所有这些都不需要更多的点击，只需要拖动电影。
浏览 0提问于2015-06-25得票数 8
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
实时音视频活动推荐
腾讯云开发者
