我有一些代码放入 jsfiddle 中,目的是在这里提出不同的问题,但我发现代码在 jsfiddle 中对我不起作用。
<div ng-controller="MyCtrl">
<video id='vid' preload="auto" controls class="video-js vjs-default-skin" preload="auto" vjs-video>
<source src="https://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4">
</video>
<textarea ng-model="playtime">
</textarea>
</div>
var myApp = angular.module('myApp', ['vjs.video']);
function MyCtrl($scope) {
$scope.playtime = 0;
$scope.$on('vjsVideoReady', function(e, data) {
$scope.vid = data.player;
$scope.commands = {
'play': function() {
$scope.vid.play();
},
'pause': function() {
$scope.vid.pause();
$scope.playtime = 10;
}
};
$scope.ay = annyang;
$scope.ay.addCommands($scope.commands);
$scope.ay.debug();
$scope.ay.start();
});
}
有问题的代码是一个简单的 Angular 应用程序,它使用 annyang 库通过语音命令播放或暂停视频。视频是(应该是)使用 videojs 库渲染的,使用默认皮肤。
我遵循了一个关于如何在 jsfiddle 上设置 Angular 控制器的 jsfiddle 示例,并且我通过 jsfiddle“外部资源”包含了所有相关库。但是,小提琴似乎不知道我的任何 javascript 存在。无法识别语音命令,并且视频没有蒙皮。该代码适用于我的主要设置,但不适用于 jsfiddle。
感谢您的时间。任何帮助表示赞赏。