新的 Brightcove 播放器 - 如何使用视频 ID 创建播放列表
New Brightcove Player - How to Create a Playlist using Video IDs
我正在将我们较旧的 Brightcove 智能播放器代码转换为新的 Brightcove 播放器,在该代码中我们根据存储在数据库中的视频 ID 生成播放列表。
以前,如果我们想创建一个自定义播放列表,我们必须将所有播放列表数据(名称、缩略图 url 等)存储在我们的 CMS 中,然后循环访问这些数据以创建一个播放列表代码.
我的理解是,有了新的 API,我们现在可以只使用我们的 Brightcove ID 直接从 Brightcove 提取所有信息。但是,none 的文档示例表明了这一点。他们都像这样硬编码播放列表数据:
<script type="text/JavaScript">
var myPlayer,
eVideoName = document.getElementById("videoName"),
eTimeRemaining = document.getElementById("timeRemaining"),
timeRemaining,
totalTime,
currentVideoIndex = 0,
newVideo,
firstVideo = true,
playlistData = [{
"name": "Great Blue Heron",
"thumbnailURL": "//solutions.brightcove.com/bcls/assets/images/Great-Blue-Heron.png",
"sources": [{
"type": "application/x-mpegURL",
"src": "http://solutions.brightcove.com/bcls/assets/videos/Great-Blue-Heron.m3u8"
}, {
"type": "video/mp4",
"src": "http://solutions.brightcove.com/bcls/assets/videos/Great-Blue-Heron.mp4"
}]
}, {
"name": "Birds of a Feather",
"thumbnailURL": "http://solutions.brightcove.com/bcls/assets/images/BirdsOfAFeather.png",
"sources": [{
"type": "video/mp4",
"src": "http://solutions.brightcove.com/bcls/assets/videos/BirdsOfAFeather.mp4"
}]
}, {
"name": "Sea Marvels",
"thumbnailURL": "http://solutions.brightcove.com/bcls/assets/images/Sea Marvels.png",
"sources": [{
"type": "video/mp4",
"src": "http://solutions.brightcove.com/bcls/assets/videos/Sea-Marvels.mp4"
}]
}];
...
这是我从中提取该示例的页面:
http://docs.brightcove.com/en/video-cloud/brightcove-player/samples/multiple-video.html
当我向 Brightcove 询问更多细节时,他们说他们没有那个作为示例并让我返回文档。
有没有人举例说明如何使用视频 ID 创建播放列表?
对于任何好奇的人,Brightcove 文档没有说明这一点,但您可以使用从返回的 json 对象收到的相同命名约定创建一个自定义列表以提供给您的视频播放器通过 getVideo() 方法。
因此,如果您想使用手头的视频 ID 创建播放列表,只需修改上面代码中的此部分,如下所示:
playlistData = [{
"videoId": "123456789"
}, {
"videoId": "234567891"
}, {
"videoId": "345678912"
}];
我能够通过在 PHP 中创建多维数组然后 运行 通过 json_encode()
创建 Brightcove 所需的数组来做到这一点。
我正在将我们较旧的 Brightcove 智能播放器代码转换为新的 Brightcove 播放器,在该代码中我们根据存储在数据库中的视频 ID 生成播放列表。
以前,如果我们想创建一个自定义播放列表,我们必须将所有播放列表数据(名称、缩略图 url 等)存储在我们的 CMS 中,然后循环访问这些数据以创建一个播放列表代码.
我的理解是,有了新的 API,我们现在可以只使用我们的 Brightcove ID 直接从 Brightcove 提取所有信息。但是,none 的文档示例表明了这一点。他们都像这样硬编码播放列表数据:
<script type="text/JavaScript">
var myPlayer,
eVideoName = document.getElementById("videoName"),
eTimeRemaining = document.getElementById("timeRemaining"),
timeRemaining,
totalTime,
currentVideoIndex = 0,
newVideo,
firstVideo = true,
playlistData = [{
"name": "Great Blue Heron",
"thumbnailURL": "//solutions.brightcove.com/bcls/assets/images/Great-Blue-Heron.png",
"sources": [{
"type": "application/x-mpegURL",
"src": "http://solutions.brightcove.com/bcls/assets/videos/Great-Blue-Heron.m3u8"
}, {
"type": "video/mp4",
"src": "http://solutions.brightcove.com/bcls/assets/videos/Great-Blue-Heron.mp4"
}]
}, {
"name": "Birds of a Feather",
"thumbnailURL": "http://solutions.brightcove.com/bcls/assets/images/BirdsOfAFeather.png",
"sources": [{
"type": "video/mp4",
"src": "http://solutions.brightcove.com/bcls/assets/videos/BirdsOfAFeather.mp4"
}]
}, {
"name": "Sea Marvels",
"thumbnailURL": "http://solutions.brightcove.com/bcls/assets/images/Sea Marvels.png",
"sources": [{
"type": "video/mp4",
"src": "http://solutions.brightcove.com/bcls/assets/videos/Sea-Marvels.mp4"
}]
}];
...
这是我从中提取该示例的页面:
http://docs.brightcove.com/en/video-cloud/brightcove-player/samples/multiple-video.html
当我向 Brightcove 询问更多细节时,他们说他们没有那个作为示例并让我返回文档。
有没有人举例说明如何使用视频 ID 创建播放列表?
对于任何好奇的人,Brightcove 文档没有说明这一点,但您可以使用从返回的 json 对象收到的相同命名约定创建一个自定义列表以提供给您的视频播放器通过 getVideo() 方法。
因此,如果您想使用手头的视频 ID 创建播放列表,只需修改上面代码中的此部分,如下所示:
playlistData = [{
"videoId": "123456789"
}, {
"videoId": "234567891"
}, {
"videoId": "345678912"
}];
我能够通过在 PHP 中创建多维数组然后 运行 通过 json_encode()
创建 Brightcove 所需的数组来做到这一点。