Javascript 为什么XML字幕不'；是否使用popcorn.js显示？
我从爆米花Javascript网站获得了popcorn.js。它运行良好，对开始、结束和文本进行了硬编码。现在，我添加了另一个函数来获取字幕XML（start、dur和text）并将其存储到字幕数组中。我将第一个文本副标题替换为第一行（副标题数组[0][2]）。然后运行它，它不会显示第一行，但会显示下一行。我认为它可能不会同时运行所有函数，或者是其他什么Javascript 为什么XML字幕不'；是否使用popcorn.js显示？,javascript,xml,html,popcornjs,Javascript,Xml,Html,Popcornjs,我从爆米花Javascript网站获得了popcorn.js。它运行良好，对开始、结束和文本进行了硬编码。现在，我添加了另一个函数来获取字幕XML（start、dur和text）并将其存储到字幕数组中。我将第一个文本副标题替换为第一行（副标题数组[0][2]）。然后运行它，它不会显示第一行，但会显示下一行。我认为它可能不会同时运行所有函数，或者是其他什么 <html> <head> <title>HTML5 included Javas
<html>
<head>
<title>HTML5 included Javascript....</title>
<meta name="description" content="Test" charset="utf-8"></meta>
<script src="popcorn.js"></script>
<script type="text/javascript">
var subtitleArray = new Array(); //stored all values from XML caption file
var firstLine;
function loadXMLDoc(dname)
{
if (window.XMLHttpRequest)
{
xhttp=new XMLHttpRequest();
}
else
{
xhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET",dname,false);
xhttp.send();
return xhttp.responseXML;
}
function getCaption()
{
var tempArray = new Array();
var c = document.getElementById('container');
captionsDoc = loadXMLDoc("captions.xml");
x=captionsDoc.getElementsByTagName('text');
for(var i=0;i<x.length;i++)
{
var tempArray = new Array();
tempArray[0] = x[i].getAttribute('start'); // get start time
tempArray[1] = x[i].getAttribute('dur'); // get duration time
tempArray[2] = x[i].childNodes[0].nodeValue; // get text
subtitleArray[i] = tempArray; //put all 3 values in array
}
c.innerHTML = subtitleArray[0][2];
firstLine = subtitleArray[0][2];
}
document.addEventListener("DOMContentLoaded", function () {
var popcorn = Popcorn("#video");
popcorn.subtitle({
start: 0,
end: 3,
text: firstLine, // "Hello World" replace to subtitleArray[0][2]
target: "text"
}).subtitle({
start: 3,
end: 6,
text: "This is second line",
target: "text"
});
popcorn.play();
}, false);
window.onload = getCaption;
</script>
</head>
<body>
<div>
<video id="video" width="320" height="240" controls="true" preload="none">
<source src="caption.mp4" type="video/mp4" />
<source src="caption.webm" type="video/webm" />
<source src="caption.ogg" type="video/ogg" />
</video>
</div>
<div id="text" style="width:980px;height:50px;"></div>
<div id="container"></div>
</body>
</html>
HTML5包含Javascript。。。。
var subtitleArray=新数组（）//存储XML标题文件中的所有值
var一线；
函数loadXMLDoc（dname）
{
if（window.XMLHttpRequest）
{
xhttp=newXMLHttpRequest（）；
}
其他的
{
xhttp=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}
xhttp.open（“GET”、dname、false）；
xhttp.send（）；
返回xhttp.responseXML；
}
函数getCaption（）
{
var tempArray=新数组（）；
var c=document.getElementById（'container'）；
captionsDoc=loadXMLDoc（“captions.xml”）；
x=captionsDoc.getElementsByTagName（'text'）；
for（var i=0；ifor（var i=0；i
for (var i = 0; i < subtitleArray.length; i++) {
pop.footnote({
start: subtitleArray[i][0],
end: subtitleArray[i][1],
text: subtitleArray[i][2],
target: "yourDiv'sId"
});
}