简体   繁体   English

如何在Angular 7中使用waveurfer.js读取AVI文件

[英]how to read AVI file using wavesurfer.js in Angular 7

im trying to play AVI file in wavesurfer.js it says cant read encoded data when i provide the input file as AVI but, with wav file it works fine. 我试图在wavesurfer.js中播放AVI文件,当我将输入文件作为AVI提供​​时,它说无法读取编码的数据,但是,使用wav文件,它可以正常工作。 so i decided to use videojs.wavesurfer im struck im not seeing any error message in console and im unable to see anything on my screen with below code can anyone please help me to read avi file in wavesurfer. 所以我决定使用videojs.wavesurfer即时通讯,让我在控制台中看不到任何错误消息,并且无法通过以下代码在屏幕上看到任何内容,有人可以帮助我在waveurfer中读取avi文件。 or please let me know if we cannot read avi in videojswavesurfer . 或者,请让我知道我们是否无法在videojswavesurfer中阅读avi。

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);
       });
   }';

here is my html 这是我的html

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

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

Here they given all exmaples 在这里,他们给了所有的赞美诗

It's working for me 对我有用

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM