將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);
}