如何在React中加载WebVtt文件？

文章/答案/技术大牛

发布

1回答

reactjs、ecmascript-6、loader、webvtt

这是我的数据结构00:00:15.000 --> 00:00:17.951在左边我们可以看到...00:00:20.119 --> 00:00:21.962 ...the主力我正在尝试解析web vtt文件。/src/captions.en.vtt模块分析失败: C:\Users\sampr\Desktop\MyVIew\WebVtt\src\captions.en.vtt无效数字(3:0)您可能需要

浏览 2提问于2017-02-01得票数 3

1回答

PHP文件中的Webvtt

php

如何在php文件中加载webvtt？类似于：header("Content-Type: ???; charset=ISO-8859-1"); vM7nH0Kl-120.jpg#xywh=0,0,120,50 00:00.000

浏览 2提问于2013-04-14得票数 0

回答已采纳

2回答

当用户将鼠标放在jw播放器中的搜索栏上时，如何生成播放视频的缩略图作为工具提示？

jwplayer、thumbnails

我正在播放视频，我想显示该特定时间的视频缩略图，因为用户把鼠标放在搜索栏作为工具提示，我正在使用jw播放器来播放视频，我想今天就能完成这件事，有人能帮我做到这一点吗?如果你知道任何jwplayer的插件做这件事，请让我知道，我也可以购买它，但今天真的想完成这件事。我将非常感谢任何帮助。提前谢谢。

浏览 0提问于2011-10-24得票数 0

回答已采纳

2回答

从跨域加载vtt时出现问题

html、video、html5-video、cross-domain、webvtt

我在跨域加载vtt时遇到了问题：“不安全的尝试加载URL域...协议和端口必须匹配。”我试图在视频中添加crossorigin="true“，它在chrome和firefox中工作，但在Is 11中不起作用。有没有其他方法可以在IE11中从跨域获取vtt文件？<video controls autoplay crossorigin="true"> <source src="http:/

浏览 10提问于2019-04-12得票数 6

2回答

将原生android部署文件反应到服务器

javascript、android、react-native、react-native-android、react-native-code-push

我是React Native的新手，我想知道如何在服务器上部署react native部分或代码，如javascript文件和资产，然后使用它。当前它显示为localhost当我在代码的react部分中更改某些内容时，是否需要每次更新play store上的应用程序？有没有什么方法可以让我从服务器加载我的react本机包并动态更新应用程序

浏览 30提问于2018-05-30得票数 18

1回答

使用iOS 8.x时，WebVTT中的字符在字幕中被打破

ios、objective-c、m3u8、http-live-streaming、webvtt

(即)手机Safari)如果您在iOS 7.x和iOS 8.x设备上都加载了这个文件，选择日语字幕，那么它将在iOS 8.x上显示坏字符( 7.x和更低版本)：

浏览 3提问于2015-01-22得票数 3

2回答

如何在video.js中设置字幕

javascript、jquery、html5-video、video.js

我大约3个小时前在网上搜索，我对如何在video.js播放器中实现字幕感到困惑。the-longest-ride.720p.BluRay.x264.YIFY.srt" srclang="en-US" label="English"></track>这个代码在我的播放器和上传这个字幕文件到我的服务器评论气球已经出现在我的播放器菜单当我搜索时，我读到webvtt格式将运行:(但如果是srt格式或其他格式，在运行时我将如何实现和转换webvtt

浏览 2提问于2015-07-08得票数 8

回答已采纳

2回答

使用html5格式向.vtt视频标题添加超链接？

html、html5-video、closed-captions

下面是示例captions.vtt文件 [www.stackoverflow.com] // trying to

浏览 6提问于2012-09-21得票数 1

1回答

Youtube视频互动文字记录

youtube、youtube-api、html5-video、caption、webvtt

我正在一个Youtube视频网站工作，并希望实现像这样的交互式文字记录功能： (我有视频记录和字幕文件，以SRT和WebVTT格式。我将而不是使用Youtube的机器转录成绩单。有一些付费选项，如Captionbox ()、3 3rdMediea、SubPly ( BTW:这是迄今为止我发现的最好的选项。它动态加载不同语言的文本)。

浏览 2提问于2014-07-31得票数 1

1回答

在HTML5视频中显示时间轴上的章节标记？

html、video、timeline、video.js

如何在Video.js中显示时间线上的章节标记？或者任何其他玩家我向站点添加了一个WebVTT文件，在这里可以看到:WebVTT

浏览 1提问于2013-05-27得票数 4

1回答

响应可加载导入连接组件

reactjs、asynchronous、react-redux、connect、react-loadable

我试图使反应加载工作与ServerSide渲染。我有一个相当大的应用程序使用多个connect组件，添加路由器等HOCs。组件似乎运行良好，相反，智能组件通过react-redux或其他HOCs连接。react-loadable似乎并不是这样，因此，这会抛出单独的模块，并在创建的.json中抛出undefined。正确加载的哑组件示例： { "n

浏览 3提问于2018-01-30得票数 2

3回答

当没有在文档中时，如何找到模块导入指令？

javascript、es6-modules

在用于库的文档中，通常会在文档中提供有关模块通过npm安装后如何导入的信息。例如：如果没有给出它，那么如何知道应该导入什么来使用库呢？

浏览 10提问于2022-01-23得票数 1

回答已采纳

2回答

我是否可以使用IIS作为开发服务器并使用"npm start“

node.js、reactjs、iis、npm

我已经创建了一个React应用程序，并且可以"npm start“在端口3000上成功使用它的内置开发服务器，但我希望能够在本地IIS web服务器的上下文中运行和调试我的应用程序(这样我就可以使用我当前的集成身份验证凭据引用该站点上的其他服务有没有办法告诉"npm start“不要使用自己的内置开发服务器，而是使用IIS (每当我在React中更改某些东西时都会进行热重新加载)？我可以在IIS中很好地运行它，只要我首先"npm run-script build“，然后重新<

浏览 34提问于2019-06-07得票数 2

回答已采纳

1回答

React原生(安卓)-创建URL.createObjectURL(blob)

javascript、android、react-native、react-native-android

我正在尝试创建一个blob url使用字符串作为JwPlayer字幕的文件。字幕加载方式如下： const playlistItem = {Naquele dia,}); var vtt_url = URL.createObj

浏览 218提问于2020-12-09得票数 1

4回答

为什么要为React.js中的组件使用单独的CSS文件

javascript、html、css、reactjs、web

我是网络开发的新手，目前正在学习React.js。我学习了如何在React中创建组件，并将样式提供给它们。我想问一下React如何在浏览器中加载CSS文件，以及是否应该使用单独的CSS文件来处理React组

浏览 3提问于2020-02-29得票数 10

回答已采纳

2回答

ChromeCast是否支持在WebVTT字幕流中格式化字幕文本？

android、chromecast、webvtt

字幕位于单独的WebVTT流中。WebVTT数据是通过转录.srt文件来创建的。我将SRT字幕格式部分转换为VTT格式。(其他格式也有转录，但让我们坚持SRT) 问题是:我使用<i>...</i>来格式化WebVTT字幕中的斜体文本，这是--当我阅读WebVTT规范时--正确的方式来格式化斜体文本。但是ChromeCast似乎没有解析这些标记。<i>和</i>出现在屏幕上的字幕文本中。

浏览 1提问于2019-02-18得票数 0

回答已采纳

3回答

在IE中加载webvtt轨道

javascript、html5-video、metadata、internet-explorer-11、webvtt

我正在加载一个webvtt文件。工作良好，但在IE11中没有提示。WEBVTT FILE Let's take a look at the 4th platform00:00:04.000 --> 00:00:06.000在代码中：我可以看到有两个

浏览 3提问于2015-08-07得票数 6

回答已采纳

2回答

用逗号替换Python中的点的Regex

python、regex

我有一堆srt格式的文件，我想把它们转换成webvtt格式。我如何在Python中做到这一点？我做了一个正则表达式，它在Javascript中“工作”，以检测出现的情况：[0-9]{2}:[0-9]{2}:[0-9]{2},[0-9]{3}。

浏览 5提问于2014-08-20得票数 2

回答已采纳

2回答

用于转换隐藏字幕文件的AWS服务

amazon-web-services、closed-captions、aws-media-convert

我有一些.scc格式的隐藏字幕文件。我想把它们转换成.vtt格式。我尝试了几个在线服务和图书馆，并取得了好坏参半的结果。我试图找出一种可以进行转换的亚马逊网络服务(MediaConvert，Elastic Transcoder)，但似乎不知道如何在没有任何实际媒体的情况下只转换一个隐藏字幕文件。

浏览 50提问于2021-04-30得票数 0

点击加载更多