将 HTML 代码更改为 json_encode

Question

我有一些 JSON 和 JavaScript 代码准备好为视频播放器创建轨道代码，在我的例子中是 JWPlayer。我想要相同的代码，但我需要用于 JS-Video 等其他播放器。

第一个代码：

$subtitleArr[] = json_encode(
  array('src'=>'some-url/subtitle.vtt',
        'label'=>'English',
        'kind'=>'captions')
);

第二个代码：

tracks: [< ?php echo str_replace('\/', '/', implode(',', $subtitleArr)); ?>]

jw 播放器代码：

tracks: [{ 
  file: "some-url/subtitle.vtt", 
        label: "English",
        kind: "captions"
}]

我想得到它：

< track kind="captions" src="some-url/subtitle.vtt" label="english">

Answer 1

您可以json_encode 整个数组，因此，将第一部分更改为：

$subtitleArr[] = 
  array('src'=>'some-url/subtitle.vtt',
        'label'=>'English',
        'kind'=>'captions');

第二部分

// I assume tracks is a property of some object otherwise I'd switch this to `var tracks = ...`
tracks : <?php echo json_encode($subtitleArr); ?>;

并使用JS创建元素

var parentElement = document.getElementById('presumablyYourVideoElement');

for(var i = 0; i < tracks.length; i++) {
    var track = document.createElement('track');
    track.kind = tracks[i].kind;
    track.label = tracks[i].label;
    track.src = tracks[i].src;
    parentElement.appendChild(track);
}