熱門Ptt文章

[爆卦]動態歌詞製作是什麼？優點缺點精華區懶人包

為什麼這篇動態歌詞製作鄉民發文收入到精華區：因為在動態歌詞製作這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者upp818 (Maxis)看板Web_Design標題[請益] 製作動態歌詞的想法.Javas...

動態歌詞製作 在 游大東 Instagram 的最讚貼文

2021-09-24 03:54:19

【 你睇，司棋姐Q&A嚟喇！】 _ 上回講到，剛於周一（13/9）上架、由外賣品牌「戶戶送」出資拍攝的四分鐘廣告短片《Deliveroo呈獻：送辣送到Site》，竟然想到並成功邀請自從拍罷《溏心風暴3》（2017）後便甚少公開露面的李司棋擔任第六代Deliveroo Rider。因為好奇，想知道更多...

作者upp818 (Maxis)
看板Web_Design
標題[請益] 製作動態歌詞的想法.Javascript
時間Sat Aug 6 11:34:54 2011

最近想弄一個動態歌詞的效果

目前想法是

將每行歌詞設成一個 <div> 或 <span>

用 setInterval 改變 css 的 top 值 (就可以往上捲動)

但每行停留時間不同

是否需要一個時鐘專門計時

然後用另一個來控制捲動

以及將目前歌詞的套色

懇請板上高手們指點迷津!! :D

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.230.184.178
※ 編輯: upp818 來自: 61.230.184.178 (08/06 11:35)
→ TonyQ:感覺上是一個 timer 就夠了 :P 08/06 12:10
→ shadowjohn:可以參考播放器跟字幕(如.srt檔)兩者關係的做法~ 08/06 12:19
→ tomin:這東西我很感興趣XD 應該可以找到一些套件來做移動特效 08/06 12:23
→ TonyQ:我正在寫...:P 感覺是簡單的東西 08/06 12:29
→ TonyQ:當然 我說的是陽春版 :P 08/06 12:48
→ TonyQ:timer寫好了 :P 不過少爬一個pattern .. 然後再來做簡易板的 08/06 13:02
→ TonyQ:卡拉效果.. 08/06 13:03
→ TonyQ:啊 原po想要的應該是桌面歌詞 （會往上卷的）那種:P 08/06 13:06
→ TonyQ:不過我現在寫的是比較接近k歌的那種 不過要切應該也不難.. 08/06 13:06
→ TonyQ:http://jsfiddle.net/CVAHk/4/ 程式碼還沒調過 :P 08/06 13:26
→ TonyQ:不過大意在於 設計的時候應該針對時間軸去顯示 08/06 13:26
→ TonyQ:這種有時間觀念的 切frame 去做感覺比較理想 08/06 13:27
→ TonyQ:目前只支持一行一個時間的動態歌詞 （因為測資是這個 XD） 08/06 13:28
→ TonyQ:不過要修他，只要改 parseLyric 函式就好了 :P 08/06 13:28
→ TonyQ:另一個是跑馬燈的實作隨便了一點（遮臉） 08/06 13:28
→ TonyQ:如果要改成scrolltop , 應該是把 show 這個函式抓出來修 08/06 13:29
→ TonyQ:用firefox 看吧 忘了考慮它被flash遮住的情況 ~_~ 08/06 13:36
→ tomin:好棒　可惜要快速的按MV play+歌詞play　兩個按鈕要近一點 08/06 16:34
→ s25g5d4:youtube不知道有沒有可以控制的API.. 08/06 20:16
→ akiratw:youtube player api http://bit.ly/oOFZwI 可以抓播放時間 08/06 22:04
→ TonyQ:修了一個抓youtube 時間的版本 XD 08/07 06:28
→ TonyQ:http://jsfiddle.net/CVAHk/7/ 08/07 06:28
→ tomin:我真是太驚喜了　讚讚 08/07 16:03

你可能也想看看

搜尋相關網站