Angular2 Service实现简单音乐播放器服务(2)

audio.Add({Url: '/assets/audio/唐人街.mp3', Title: '唐人街-林宥嘉', Cover: '/assets/img/2219A91D.jpg'}); audio.Add({Url: '/assets/audio/自然醒.mp3', Title: '自然醒-林宥嘉', Cover: '/assets/img/336076CD.jpg'});

Add方法添加的音频如果是列表中仅有的一条音频则会直接播放,所以如此添加两条音频会直接播放第一条音频。

再在组件内实现一个Skip方法用于进度控制:

public Skip(e) { this.audio.Skip(e.layerX / document.getElementById('audio-total').getBoundingClientRect().width); }

现在运行项目:

Angular2 Service实现简单音乐播放器服务

Angular2 Service实现简单音乐播放器服务

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwzfgw.html