国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端LRC歌詞解析播放插件

shiguibiao / 1858人閱讀

摘要：前端歌詞解析播放插件寫音樂播放器的時(shí)候，做了顯示歌詞的功能，而歌詞內(nèi)容為格式。為了顯示歌詞，就參考其他庫(kù)根據(jù)自己的想法實(shí)現(xiàn)了一個(gè)基于的文件解析庫(kù)。使用方法歌詞播放時(shí)的回調(diào)是當(dāng)前播放行是當(dāng)前播放的歌詞監(jiān)聽歌詞設(shè)置事件。

前端LRC歌詞解析播放插件

寫音樂播放器的時(shí)候，做了顯示歌詞的功能，而歌詞內(nèi)容為lrc格式。為了顯示歌詞，就參考其他庫(kù)根據(jù)自己的想法實(shí)現(xiàn)了一個(gè)基于JavaScript的lrc文件解析庫(kù)。
本項(xiàng)目已開源，地址：https://github.com/lyswhut/lr...
demo地址：https://lyswhut.github.io/lrc...

安裝方法

本項(xiàng)目已發(fā)布到 npm 上，所以可用 npm 安裝或者直接引入文件的方式使用。

安裝方法1

使用 npm 安裝：

npm install lrc-file-parser -S

導(dǎo)入：

// import
import Lyric from "lrc-file-parser"
安裝方法2

直接引入文件的方式

兩種方法根據(jù)實(shí)際情況2選1即可。

使用方法 
var lrc = new Lyric({
  onPlay: function (line, text) { // 歌詞播放時(shí)的回調(diào)
    console.log(line, text) // line 是當(dāng)前播放行
                            // text 是當(dāng)前播放的歌詞
  },
  onSetLyric: function (lines) { // 監(jiān)聽歌詞設(shè)置事件。當(dāng)設(shè)置歌詞時(shí)，歌詞解析完畢會(huì)觸發(fā)此回調(diào)。
    console.log(lines) // lines 是一個(gè)數(shù)組[{time,text}]，里面包含播放時(shí)間及對(duì)應(yīng)的歌詞文本。
  },
  offset: 150 // 歌詞偏移時(shí)間單位毫秒, 默認(rèn) 150 ms
})

lrc.setLyric(lyricStr) // 設(shè)置歌詞，此處傳入lrc文件的文本內(nèi)容
                      // 注意：設(shè)置歌詞將自動(dòng)暫停歌詞播放
lrc.play(30000) // 播放歌詞，傳入開始播放時(shí)間，30000是播放時(shí)間，單位：ms
lrc.pause() // 暫停播放歌詞

好用的話請(qǐng)?jiān)贕itHub給個(gè)star哦~

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/103303.html

相關(guān)文章

  • 前端LRC歌詞解析播放插件

    摘要：前端歌詞解析播放插件寫音樂播放器的時(shí)候，做了顯示歌詞的功能，而歌詞內(nèi)容為格式。為了顯示歌詞，就參考其他庫(kù)根據(jù)自己的想法實(shí)現(xiàn)了一個(gè)基于的文件解析庫(kù)。使用方法歌詞播放時(shí)的回調(diào)是當(dāng)前播放行是當(dāng)前播放的歌詞監(jiān)聽歌詞設(shè)置事件。 前端LRC歌詞解析播放插件 寫音樂播放器的時(shí)候，做了顯示歌詞的功能，而歌詞內(nèi)容為lrc格式。為了顯示歌詞，就參考其他庫(kù)根據(jù)自己的想法實(shí)現(xiàn)了一個(gè)基于JavaScript的l...

    monw3c 評(píng)論0 收藏0

  • lrc滾動(dòng)歌詞解析及顯示

    摘要：以為擴(kuò)展名的歌詞文件可以在各類數(shù)碼播放器中同步顯示。這是用于總體調(diào)整顯示快慢的，但多數(shù)的可能不會(huì)支持這種標(biāo)簽。如何實(shí)現(xiàn)歌詞的解析解析思路如下根據(jù)字符串，通過(guò)換行符分成數(shù)組的每一項(xiàng)。相應(yīng)的正則表達(dá)式以為例，統(tǒng)一解析成以秒為單位的秒。 lrc歌詞格式是什么樣的？ lrc是英文lyric（歌詞）的縮寫，被用做歌詞文件的擴(kuò)展名。以lrc為擴(kuò)展名的歌詞文件可以在各類數(shù)碼播放器中同步顯示。LRC...

    android_c 評(píng)論0 收藏0

  • 用 TS + Vue 重寫 APlayer HTML5 音樂播放器

    摘要：簡(jiǎn)介是一款簡(jiǎn)潔漂亮的音樂播放器在我第一次看到這款播放器顏值的時(shí)候讓我眼前一亮，我非常崇拜那些能設(shè)計(jì)出好看界面的設(shè)計(jì)師但是在用過(guò)之后發(fā)現(xiàn)還是有不足的地方這是我曾經(jīng)提過(guò)的用了一段時(shí)間，很喜歡簡(jiǎn)潔的，提一些其他可改進(jìn)的建議我認(rèn)為有必要提供動(dòng)態(tài)管理 簡(jiǎn)介 @DIYgod/APlayer 是一款簡(jiǎn)潔漂亮的 HTML5 音樂播放器 (〃?ω?) 在我第一次看到這款播放器顏值的時(shí)候讓我眼前一亮，我...

    BingqiChen 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<