设置 Azure Media Player 的开始时间
Set begin time of Azure Media Player
我想在特定时间启动 AMP(Azure Media Player) HTML5 视频以显示视频的特定内容。
不行的是开始的时间。视频总是从 0:00 开始,然后一直播放到最后。 js 控制台中没有有用的通知。
我通读了一些示例和文档,这是我尝试过的,(注意行 myPlayer.currentTime(30);):
脚本:
var myPlayer = amp('vid1', { /* Options */
"nativeControlsForTouch": false,
autoplay: false,
controls: true,
width: "640",
height: "400",
poster: ""
},
function () {
myPlayer.src([{
src: "http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest",
type: "application/vnd.ms-sstr+xml"
}]);
myPlayer.currentTime(30);
console.log('Good to go!');
this.play(); // if you don't trust autoplay for some reason
// add an event listener
this.addEventListener('ended', function () {
console.log('Finished!');
});
});
HTML
<video id="vid1" class="azuremediaplayer amp-default-skin">
<source src="" type="application/vnd.ms-sstr+xml" />
<p class="amp-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video
</p>
</video>
我使用以下来源进行设置。
Link to documentation I have used
将 HTML 视频标签替换为以下内容,它将在设置的时间开始。它正在设置制作 currentTime(30) 的源;不是 运行。
<video id="vid1" class="azuremediaplayer amp-default-skin amp-big-play-centered" tabindex="0"> </video>
根据您的情况,您可以通过两种方式实现此目的。
如果您的场景是您希望在 30 秒后开始,但让用户能够查看时间 0:00-0:30,则在播放事件后设置 currentTime(源是设置) 将工作。
如果您的场景是您希望流在 30 秒后开始,但您不希望观看者看到前 30 秒(更像是 trimmed 或剪辑版本,因为也许前 30 秒是空白内容或只是一个静态保险杠),你最好创建一个动态清单。使用动态清单,您可以 trim 内容的开始时间(并根据需要添加其他过滤器)以获得更精确的开始时间,而无需创建其他资产(因为它使用现有资产) .查看 the blog 了解有关动态清单的更多详细信息。
我想在特定时间启动 AMP(Azure Media Player) HTML5 视频以显示视频的特定内容。
不行的是开始的时间。视频总是从 0:00 开始,然后一直播放到最后。 js 控制台中没有有用的通知。
我通读了一些示例和文档,这是我尝试过的,(注意行 myPlayer.currentTime(30);):
脚本:
var myPlayer = amp('vid1', { /* Options */
"nativeControlsForTouch": false,
autoplay: false,
controls: true,
width: "640",
height: "400",
poster: ""
},
function () {
myPlayer.src([{
src: "http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest",
type: "application/vnd.ms-sstr+xml"
}]);
myPlayer.currentTime(30);
console.log('Good to go!');
this.play(); // if you don't trust autoplay for some reason
// add an event listener
this.addEventListener('ended', function () {
console.log('Finished!');
});
});
HTML
<video id="vid1" class="azuremediaplayer amp-default-skin">
<source src="" type="application/vnd.ms-sstr+xml" />
<p class="amp-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video
</p>
</video>
我使用以下来源进行设置。 Link to documentation I have used
将 HTML 视频标签替换为以下内容,它将在设置的时间开始。它正在设置制作 currentTime(30) 的源;不是 运行。
<video id="vid1" class="azuremediaplayer amp-default-skin amp-big-play-centered" tabindex="0"> </video>
根据您的情况,您可以通过两种方式实现此目的。
如果您的场景是您希望在 30 秒后开始,但让用户能够查看时间 0:00-0:30,则在播放事件后设置 currentTime(源是设置) 将工作。
如果您的场景是您希望流在 30 秒后开始,但您不希望观看者看到前 30 秒(更像是 trimmed 或剪辑版本,因为也许前 30 秒是空白内容或只是一个静态保险杠),你最好创建一个动态清单。使用动态清单,您可以 trim 内容的开始时间(并根据需要添加其他过滤器)以获得更精确的开始时间,而无需创建其他资产(因为它使用现有资产) .查看 the blog 了解有关动态清单的更多详细信息。