基于qt音乐播放器播放界面_基于HTML 5音乐播放器的网页

基于qt音乐播放器播放界面

音乐 (music)

Web pages based on HTML 5 < audio > music player

基于HTML 5 <音频>音乐播放器的网页

要求 (Requirements)

• vue ^2.3.3

  vue ^ 2.3.3

• vue-resource ^1.3.4

  vue资源^ 1.3.4

• v-click-outside ^0.0.8

  v-click-outside ^ 0.0.8

安装 (Installation)

npm install vue-music --save

用法 (Usage)

<template>
  <div id="app">
    <Music :protocol="protocol"></Music>
  </div>
</template>
<script>
import Music from 'vue-music'
export default {
  name: 'app',
   data(){
	return{
	  protocol:"http"
	}
  },
  components: {
    Music
  }
}
</script>

api (api)

protocol

协议

protocol:"http"  required,string

功能 (Function)

• play/pause，Previous，Next

  播放/暂停，上一个，下一个

play/pause：

播放/暂停：

watch a toggle，namedaudioToggle，control by toggle typed boolean

观看切换，命名为audioToggle ，通过切换类型的布尔值进行控制

Previous/Next：

上一页下一页：

function named 'play()' to play music，3 arguments('random play'，'The list of play'，'single cycle') to change Play mode

名为“ play()”的功能来播放音乐，三个参数(“ random play”，“播放列表”，“ single cycle”)用于更改播放模式

• range

  范围

watch the event named timeupdate to modify the range，useing input new attribute range，by Two-way binding

观看名为timeupdate的事件以通过双向绑定使用输入的新属性范围来修改范围

• play time

  上场时间

as same as range,do not describe again,you can modify the attribute named duration

与范围相同，不再赘述，可以修改名为duration的属性

• voice

  语音

as same as range , modify the attribute 'range'

与range相同，修改属性“ range”

• play mode

  游戏模式

3 condition：single cycle、The list of play、random play detail to see play list tips

3个条件：单周期，播放列表，随机播放详细信息以查看播放列表提示

• play list

  播放清单

play mode need to use play list,i save the list to localstorage(like Netease Cloud Music),if there is no one in list,it will play the music that named 'faded'(i like it,very rhythmical)

播放模式需要使用播放列表，我将列表保存到本地存储(如网易云音乐)，如果列表中没有人，它将播放名为“淡入淡出”的音乐(我喜欢它，很有节奏感)

翻译自: https://vuejsexamples.com/web-pages-based-on-html-5-music-player/

基于qt音乐播放器播放界面