FLASH打造LRC歌詞播放器
2006/10/13 9:33:02
時下,網(wǎng)上用FLASH制作的MP3播放器隨處可見,使得很多音樂網(wǎng)站動感十足,而關于它的制作教程也俯拾即是(當然,好的教程還是不少的,只是有更多是抄襲回來的)。然而,這一類的播放器一直都只在動畫效果方面搞創(chuàng)新,筆者總覺得缺少些什么。。。。。對了!就是少了個同步的歌詞播放器自WINAMP出了個迷你歌詞以后,筆者一直心里癢癢的,想找個時間自己也做一個。現(xiàn)在做好了,大家先預覽一下效果:測試地址:其中歌詞就是現(xiàn)在標準的WINAMP的LRC文件,從別處下載的,沒作任何修改,就是說,這個播放器可以用于播放WINAMP格式的LRC文件。該播放器的新功能:點擊歌詞后可以讓歌曲跳轉到相應的位置。
一個小BUG:
因為采用聲音流加載,所以網(wǎng)速慢的話,播放起來不太流暢。主要使用的AS技術:1、用XML對象的TOSTRING方法2、數(shù)組的常用處理方法。3、少量的字符串函數(shù)。4、聲音對象的屬性和事件。該播放器分為三部分:1、記錄音樂文件路徑的播放列表2、控制音樂文件播放的控制區(qū)3、顯示歌詞的歌詞播放器前兩部分是經(jīng)典MP3播放器所具備的。而且筆者不得不承認自己做得不如別人,再加上相關的教程也很容易找,所以這里只介紹歌詞播放部分的制作。因為播放歌詞是跟音樂同步的,所以,制作播放器,需要三類文件:1、SWF格式的播放器,這是我們要做的2、音樂文件MP3,相信大家都能下載到吧3、歌詞文件LRC,是WINAMP格式的歌詞文件,可以到WINAMP的主頁下載,也可以到下面的站點下:/文件準備好了,下一步就是把文件置于適當?shù)奈恢谩T诶镱^建立兩個文件夾Sound,Lyrics,和FLASH文檔PLAYER.FLA.Sound文件夾放入1.MP3,Lyrics放入文件1.LRC。下面開始制作FLASH文件:打開剛才創(chuàng)建的FLASH,在主場景第一幀輸入AS:varsong=newSound();//創(chuàng)建加載聲音的對象song.loadSound(Sound/1.mp3,true)//以數(shù)據(jù)流的形式讀取聲音文件。如要事件聲音,把TRUE改為FALSE;song.start(0,1)//從頭開始播放聲音,循環(huán)1次。以上是載入MP3文件的代碼,下面載入的LRC文件跟其同步。聲音文件需要SOUND對象作為容器,同樣,歌詞文件也需要一個容器。但是FLASH沒有內(nèi)置的歌詞對象,所以就要自己創(chuàng)建。在預覽圖里,我們所看到的顯示歌詞的列表框就是LRC文件的容器。下面將開始創(chuàng)建。在主場景里創(chuàng)建一個MC,命名為lyricsItems,實例名相同。創(chuàng)建了這個容器后,就可以用它來做讀取LRC文件的操作了。所以,在聲音加載的同時,我們可以用它來讀歌詞文件。在第一幀添加AS:song.onLoad=function()lyricsItems.loadLyrics(Lyrics/1.lrc)//該函數(shù)將在lyricsItems里定義。進入lyricsItems的編輯區(qū),在第一幀輸入AS:function(filepath)這樣就定義了讀歌詞的函數(shù)。第一步,先讓LRC文件讀進FLASH。也許大家會覺得奇怪,FLASH能讀LRC文件嗎?大家不妨先用記事本打開LRC文件,發(fā)現(xiàn)它其實是個文本文檔。對于文本文檔,其實FLASH的XML對象是可以讀到的。筆者曾經(jīng)把一個錯誤的XML文件用XML對象讀取,發(fā)現(xiàn)XML對象的很多方法都調(diào)用失敗,可是TOSTRING方法卻可以,返回的是跟文本文檔內(nèi)容一樣的字符串(只有部分HTML字符發(fā)生了轉義),也就是說,用XML對象可以把LRC文件全部讀到FLASH里。在loadLyrics函數(shù)里加入下面代碼:varlyrics=newXML()lyrics.load(Lyrics/1。lrc)lyrics.onLoad=function()lyricsString=lyrics.toString()trace(lyricsString)測試影片,你會發(fā)現(xiàn)整個文本文檔被讀到了lyricsString里面。下面就是分析LRC文件的結構,從里頭提取我們需要的信息.
返回列表
返回首頁
主站蜘蛛池模板:
精品无码av无码专区|
777奇米影视四色永久|
日本欧美大码aⅴ在线播放|
亚洲欧洲精品国产区|
男女猛烈无遮挡免费视频|
国产一级特黄生活片|
天天综合网色中文字幕|
国产香港明星裸体XXXX视频|
一个人晚上在线观看的免费视频|
日本三级视频网站|
久久精品无码专区免费青青|
欧美性另类高清极品|
亚洲精品无码专区在线在线播放|
精品久久久无码人妻中文字幕豆芽|
国产一区免费视频|
高清色黄毛片一级毛片|
国产精品28p|
8x成人永久免费视频|
天天5g影院永久免费地址|
一级特级黄色片|
手机永久无码国产av毛片|
久久亚洲精品视频|
日韩视频在线观看中字|
亚洲人成无码网站久久99热国产
|
久久久久国色av免费观看|
暖暖免费高清日本一区二区三区|
亚洲国产精品成人精品无码区在线|
波多野结衣丝袜美腿|
伊人色综合网一区二区三区
|
国产亚洲欧美精品久久久|
黄色免费网站在线看|
国产熟女一区二区三区五月婷|
337p西西人体大胆瓣开下部|
国模极品一区二区三区|
av无码免费永久在线观看|
女人色毛片女人色毛片中国
|
午夜福利AV无码一区二区|
老师小sao货水好多真紧h视频|
国产亚洲综合视频|
青青草97国产精品免费观看|
国产性生大片免费观看性|