Search Posts

Category: video.js

visualize waveform using videojs-record using AngularJS

I’m creating a project using AngularJS to visualize waveform from microphone plugin from wavesurfer, this is my code : Visualize Waveform <link href=”https://cdnjs.cloudflare.com/ajax/libs/video.js/6.3.3/video-js.min.css” rel=”stylesheet”> <link href=”https://github.com/collab-project/videojs-record/blob/master/src/css/videojs.record.scss” rel=”stylesheet”> <script src=”https://cdnjs.cloudflare.com/ajax/libs/video.js/6.3.3/video.min.js”></script> <script src=”https://github.com/collab-project/videojs-record/blob/master/src/js/engine/record-rtc.js”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/webrtc-adapter/5.0.6/adapter.js”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.4.0/plugin/wavesurfer.microphone.min.js”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.4.0/plugin/wavesurfer.microphone.min.js”></script> <script src=”https://github.com/collab-project/videojs-wavesurfer/blob/master/src/js/videojs.wavesurfer.js”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/video.js/6.3.3/lang/en.js”></script> <script src=”https://github.com/collab-project/videojs-record/blob/master/src/js/videojs.record.js”></script> <audio id=”myAudio” class=”video-js vjs-default-skin”></audio> <script> var player = videojs(“myAudio”, { controls: true, width: 600, height: 300, fluid: false, plugins: { wavesurfer: { src: “live”, waveColor: “#36393b”, progressColor: “#black”, debug: true, cursorWidth: 1, […]

How do I change an AngularJS variable I declared in $scope using annyang speech commands?

I have a simple speech recognition app that starts and pauses a video based on speech commands. My problem is that a variable that I declare in $scope does not change when I give the pause command. The intent is for the number in the textarea to change when I pause the video using the “pause” speech command. Link to fiddle var myApp = angular.module(‘myApp’, [‘vjs.video’]); myApp.controller(“myCtrl”, function MyCtrl($scope) { $scope.playtime = 0; $scope.$on(‘vjsVideoReady’, function(e, […]