Browse Source

feature: autoplay

newraina 7 years ago
parent
commit
f15c1f518e
3 changed files with 9 additions and 2 deletions
  1. 3 2
      README.md
  2. 1 0
      demo/main.js
  3. 5 0
      src/js/main.js

+ 3 - 2
README.md

@@ -34,10 +34,11 @@ mePlayer({
         cover : '封面路径',
         lrc   : '歌词字符串:[00:24.600]温柔的晚风\n[00:27.830]轻轻吹过 爱人的梦中\n ...'
     },
-    target: '放置播放器的DOM容器,如: .music'
+    target: '放置播放器的DOM容器,如: .music',
+    autoplay: false // 是否自动播放
 });
 ```
-  
+
 - 运行中可使用`meplayer.play()`和`meplayer.pause()`手动播放暂停
 - `meplayer.toggleTheme()`可一键切换主题
 

+ 1 - 0
demo/main.js

@@ -8,6 +8,7 @@ mePlayer({
         lrc: '[00:24.600]温柔的晚风\n[00:27.830]轻轻吹过 爱人的梦中\n[00:36.690]温柔的晚风\n[00:39.129]轻轻吹过 故乡的天空\n[00:47.690]温柔的晚风\n[00:50.749]轻轻吹过 城市的灯火\n[00:59.119]今夜的晚风\n[01:02.439]你去哪里 请告诉我\n[01:08.249]\n[01:10.879]温柔的晚风\n[01:14.590]轻轻吹过 爱人的梦中\n[01:22.179]温柔的晚风\n[01:25.549]轻轻吹过 故乡的天空\n[01:33.809]温柔的晚风\n[01:37.539]轻轻地吹过 城市的灯火\n[01:46.509]今夜的晚风\n[01:49.919]你要去哪里 请告诉我\n[01:56.419]\n[02:37.140]温柔的晚风\n[02:40.740]轻轻吹过 爱人的梦中\n[02:49.060]温柔的晚风\n[02:52.370]轻轻吹过 故乡的天空\n[03:00.680]温柔的晚风\n[03:03.860]轻轻吹过 城市的灯火\n[03:12.190]今夜的晚风\n[03:15.440]你要去哪里 请告诉我\n[03:21.370]\n[03:23.620]温柔的晚风\n[03:27.090]轻轻吹过 爱人的梦中\n[03:35.280]温柔的晚风\n[03:39.570]轻轻吹过 故乡的天空\n[03:47.620]温柔的晚风\n[03:50.880]轻轻地吹过 城市的灯火\n[03:59.180]今夜的晚风\n[04:02.680]你要去哪里 请告诉我\n[04:08.800]\n[04:33.830]温柔的晚风\n[04:37.350]请你带走 我昨天的梦\n[04:45.350]今夜的晚风\n[04:48.960]我要去哪里 请告诉我\n[04:59.690]\n',
     },
     target: '.music',
+    autoplay: false,
 })
 
 document.querySelector('button').addEventListener('click', function () {

+ 5 - 0
src/js/main.js

@@ -20,6 +20,7 @@ root.mePlayer = function (options) {
         hasLrc            = musicConf.lrc ? true : false,
         coverSrc          = musicConf.cover || 'https://unsplash.it/78/?random',
         loop              = musicConf.loop || false,
+        autoplay          = options.autoplay,
 
         currentThemeClass = theme === THEME_DEFAULT ? 'meplayer-container' : 'meplayer-container-mini',
         containerClass    = `${currentThemeClass} ${hasLrc ? 'meplayer-haslrc' : ''} meplayer-isloading`,
@@ -61,6 +62,10 @@ root.mePlayer = function (options) {
     }
 
     eventInit();
+    
+    if (autoplay) {
+        handlePlayClick()
+    }
 
     // 重定义meplayer
     root.mePlayer = {