模块:SongPlayer：修订间差异

以互动方式浏览历史

←上一编辑

@@ 第1行： / 第1行： @@
 local p = {}
+local getArgs = require('Module:Arguments').getArgs
 function p.player(frame)
-     local args = frame:getParent().args
+     local args = getArgs(frame)
      local title = args.title
      local artist = args.artist
      local imageName = args.image
+    local c1 = args.color1 or '#94E1FF'
+    local c2 = args.color2 or '#A3E5FF'
+    local c3 = args.color3 or '#B2E9FE'
+    local c4 = args.color4 or '#D5F3FE'
      if not title or title == '' or not imageName or imageName == '' then
@@ 第11行： / 第18行： @@
      end
-     local sanitizedTitle = title
+     local sanitizedTitle = title:gsub(' ', '_'):gsub('[\\/:*?"<>|]', '-')
-    sanitizedTitle = sanitizedTitle:gsub(' ', '_')
-    sanitizedTitle = sanitizedTitle:gsub('[\\/:*?"<>|]', '-')
      local encodedTitle = mw.uri.encode(sanitizedTitle, 'PATH')
-    local imagePath = frame:preprocess('{{filepath:' .. imageName .. '}}')
      local songUrl = 'https://pan.rizwiki.cn/d/song/' .. encodedTitle .. '.mp3'
-     local data_div = mw.html.create('div')
+     local rawPath = mw.text.trim(frame:preprocess('{{filepath:' .. imageName .. '}}'))
-         :attr('id', 'song-player-data')
+    local fullPath = rawPath
-         :attr('style', 'display:none;')
+    if fullPath:match('^//') then
-         :attr('data-name', title)
+         fullPath = 'https:' .. fullPath
-         :attr('data-artist', artist or 'Unknown Artist')
+    elseif fullPath:match('^/') and not fullPath:match('^//') then
+         fullPath = 'https://rizwiki.cn' .. fullPath
+    end
+    fullPath = fullPath:gsub(' ', '_')
+    local html = mw.html.create('div')
+         :attr('id', 'riz-player')
+         :addClass('riz-player-mini')
          :attr('data-url', songUrl)
-         :attr('data-cover', imagePath)
+         :attr('data-image', fullPath)
-         :done()
+         :css({
+            ['--rp-c1'] = c1,
+            ['--rp-c2'] = c2,
+            ['--rp-c3'] = c3,
+            ['--rp-c4'] = c4,
+            ['display'] = 'none'
+        })
+    local cover = html:tag('div'):addClass('rp-cover')
+    cover:wikitext('[[File:' .. imageName .. '|link=|alt=cover|class=rp-cover-img|300px]]')
+    cover:tag('div'):addClass('rp-btn-toggle'):wikitext('<div class="rp-icon-play"></div><div class="rp-icon-pause"></div>')
+    local info = html:tag('div'):addClass('rp-info')
+    local topRow = info:tag('div'):addClass('rp-top-row')
+    local textInfo = topRow:tag('div'):addClass('rp-text-info')
+    textInfo:tag('div'):addClass('rp-title'):wikitext(title)
+    textInfo:tag('div'):addClass('rp-artist'):wikitext(artist or '')
+    local sideCtrl = topRow:tag('div'):addClass('rp-side-ctrl')
+    sideCtrl:tag('div'):addClass('rp-side-play')
+    sideCtrl:tag('div'):addClass('rp-side-pause')
+    local progressWrap = info:tag('div'):addClass('rp-progress-wrap')
+    local progressBar = progressWrap:tag('div'):addClass('rp-progress-bar')
+    progressBar:tag('div'):addClass('rp-progress-current')
+    progressBar:tag('div'):addClass('rp-progress-handle')
-     local html = {
+     info:tag('div'):addClass('rp-time'):wikitext('<span class="rp-cur">00:00</span> / <span class="rp-dur">00:00</span>')
-        '<div id="song-player-fixed"></div>',
-        tostring(data_div)
-    }
-     return table.concat(html, '\n')
+     return tostring(html)
 end
 return p