在typescript中实现wavesurfer-js
在typescript中实现wavesurfer-js
提问于 2019-02-06 13:58:50
我在typescript项目中实现wavesurfer-js，播放器打开，但我找不到任何控件来播放暂停或静音事件，
Index.HTML
<script src="https://unpkg.com/wavesurfer.js"></script>CSS
<div id="waveform"></div>TS
import WaveSurfer from 'wavesurfer.js';
var wavesurfer = Object.create(WaveSurfer);
@Component({
selector: 'app-audio-page',
templateUrl: './audio-page.component.html',
styleUrls: ['./audio-page.component.scss'],
})
export class AudioPageComponent implements OnInit {
constructor(private bottomSheetRef:
MatBottomSheetRef<AudioPageComponent>) { }
audiofile =
"http://ia902606.us.archive.org/35/items/shortpoetry_047_librivox/
song_cjrg_teasdale_64kb.mp3";
ngOnInit() {
wavesurfer = WaveSurfer.create({
container: '#waveform',
waveColor: '#a8d4e4',
progressColor: '#1a99be',
backend: 'MediaElement',
});
wavesurfer.load(this.audiofile);
wavesurfer.on('ready', function () {
wavesurfer.play();
});
}
openLink(event: MouseEvent): void {
this.bottomSheetRef.dismiss();
event.preventDefault();
}
}当我尝试绑定像这样的事件时
(click)="wavesurfer.playPause()"它给出一个错误"Cannot read property 'playPause‘of undefined“
回答 1
Stack Overflow用户
发布于 2019-04-24 13:59:29
您需要像这样创建WaveSurfer对象：
this.waveSurfer = WaveSurfer.create({
container: '#waveform',
..
});
this.waveSurfer.waveSurfer.play();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54547453
复制相关文章
相似问题
腾讯云开发者
