Как прочитать AVI файл с помощью wavesurfer.js в Angular 7 - PullRequest
Новая
       28

Как прочитать AVI файл с помощью wavesurfer.js в Angular 7

0 голосов
/ 16 декабря 2018

я пытаюсь воспроизвести AVI-файл в wavesurfer.js, он говорит, что не может прочитать закодированные данные, когда я предоставляю входной файл в виде AVI, но с wav-файлом он работает нормально.поэтому я решил использовать videojs.wavesurfer. Я поражен: я не вижу никаких сообщений об ошибках в консоли, и я не могу видеть что-либо на моем экране с приведенным ниже кодом.или, пожалуйста, дайте мне знать, если мы не можем прочитать avi в videojswavesurfer. 

import WaveSurfer from '../../../../node_modules/wavesurfer.js'
import TimelinePlug  from '../../../../node_modules/wavesurfer.js/dist/plugin/wavesurfer.timeline.min.js';
import videojs  from  '../../../../node_modules/videojs-wavesurfer/src/js/videojs.wavesurfer.js
var player;
   var options = {
       controls: true,
       autoplay: true,
       fluid: false,
       loop: false,
       width: 600,
       height: 300,
       plugins: {
           wavesurfer: {
               src: 'media/example.mp4',
               msDisplayMax: 10,
               debug: true,
               waveColor: '#336699',
               progressColor: 'black',
               cursorColor: 'black',
               hideScrollbar: true
           }
       }
   };

   function createPlayer(event) {

       player = videojs('myVideo', options, function() {
           // print version information at startup
           var msg = 'Using video.js '+ videojs.VERSION +
               ' with videojs-wavesurfer ' +
               videojs.getPluginVersion('wavesurfer') +
               ' and wavesurfer.js ' + WaveSurfer.VERSION;
           videojs.log(msg);
       });
       player.on('waveReady', function(event) {
           console.log('waveform: ready!');
       });
       player.on('playbackFinish', function(event) {
           console.log('playback finished.');
       });
       // error handling
       player.on('error', function(error) {
           console.warn('ERROR:', error);
       });
   }';

вот мой HTML 

 <div id="myVideo" class="video-js vjs-default-skin"></div>

1 Ответ

0 голосов
/ 17 декабря 2018

https://wavesurfer -js.org / examples /

Здесь приведены все примеры

Это работает для меня

...