Audio Player Widget

by soul_wish

HTML

moto-ui-control-select-ml-item +G +L

audio_player

self.properties = {
  preset: 'default',
  tracks: [123]
  settings: {
    autoplay: true,
    loop: true,
    muted: true,
  }
  buttons: {
    loop: true,
    stop: true,
    muted: true
  }
  
  
  
  
  
  
  
 ~  mediaId: N, 
  showLoopButton
  showMuteButton
  controls | buttons: {
    loop: true,
    stop: true,
    muted: true
  }

settings | options | params | config: {
    autoplay: true,
    autoloop | loop: true,
    volume: 50
  }



  buttons: {
    autoplay: {
      enabled | show: true, 
      value: true
    },
    loop: {
      enabled | show: true, 
      value: true
    },
    mute: {
      enabled | show: true, 
    },
  }
  
  
  
  

  tracks: [
    {
      id: 1,
      src: "2016/02/12/sdsds.mp3", //file path
      size: 300, //file size
      length | duration: 300, //duration in sec or ms
      bitrate: '33' //?,
      meta: {
        artist: "",
        title: '',
        album: ''
      }
  }
  ]

};

CSS

moto-ui-control-select-ml-item +G +L

audio_player

self.properties = {
  preset: 'default',
  tracks: [
    {
      id: 1,
      src: "2016/02/12/sdsds.mp3", //file path
      size: 300, //file size
      length | duration: 300, //duration in sec or ms
      bitrate: '33' //?,
      meta: {
        artist: "",
        title: '',
        album: ''
      }
  }
  ]
  settings: {
    autoplay: true,
    loop: true,
    muted: true,
  }
  buttons: {
    loop: true,
    stop: true,
    muted: true
  }
  }