Question

无法使用coldfusion语言在firefox中生成字幕。但它在谷歌浏览器中表现不错。

  <cfset newElement = ''>
  <cfset newElement=newElement & 'WEBVTT' & chr(10)>     
   <cfoutput query="qryData">
            <cfset startHours = Int(qryData.startTime / 3600)>
            <cfset startMinutes = Int( ( qryData.startTime - (startHours * 3600) ) / 60) >
            <cfset startSeconds = Int( qryData.startTime - (startHours * 3600) - (startMinutes * 60) )><cfset startTime = CreateTime(startHours, startMinutes, startSeconds)>
            <cfset endHours = Int(qryData.endTime / 3600)>
            <cfset endMinutes = Int( ( qryData.endTime - (endHours * 3600) ) / 60) >
            <cfset endSeconds = Int( qryData.endTime - (endHours * 3600) - (endMinutes * 60) )>
            <cfset endTime = CreateTime(endHours, endMinutes, endSeconds)>
            <cfset newElement=newElement & chr(10)>
            <cfset newElement = newElement & TimeFormat(startTime, 'HH:MM:SS')&'.000 -->'&TimeFormat(endTime, 'HH:MM:SS')&'.000' & chr(10)>
            <cfset newElement = newElement & XMLFormat('- ' & qryData.caption)&chr(10)></cfoutput><cfcontent type = "text/vtt></cfsilent>    
   <cfoutput>#newElement#</cfoutput>

输出：

WebVTT插入

00：00：05.000 - ＆gt; 00：00：10.000

标题1

<00> 00：00：12.000 - ＆gt; 00：00：20.000

标题2

00：00：25.000 - ＆gt; 00：00：30.000

标题3

firefox生成此格式但在播放视频时不显示。

Answer 1

您的WebVTT可能无效。您可以在此处验证：https://quuz.org/webvtt/

格式应如下所示：

WEBVTT

00:00:05.000 --> 00:00:10.000
caption 1

00:00:12.000 --> 00:00:20.000
caption 2

00:00:25.000 --> 00:00:30.000
caption 3

如果它在您的videojs嵌入代码后有效，那么我们可以看到您使用track标记包含哪些选项。

Videojs标题在Firefox中不起作用

1 个答案: