五，后端代码物理实现(JAVA部分代码物理实现):

要求

• • 必备知识

    本文要求基本了解 Adobe Flex编程知识和JAVA基础知识。

  • 开发环境

    MyEclipse10/Flash Builder4.6/Flash Player11及以上

  • 演示地址

 

 

 

传统网络程序的开发是基于页面的、服务器端数据传递的模式，把网络程序的表现层建立于HTML页面之上，而HTML是适合于文本的，传统的基于页面的系统已经渐渐不能满足网络浏览者的更高的、全方位的体验要求了。而富互联网应用（Rich Internet Applications，缩写为RIA）的出现就是为了解决这个问题。在HTML5发布以前，RIA领域的技术解决方案一直相都是各展所长，并无争议。Adobe体系中，Flash做不了的事情，Flex可以做到；.Net系决策者在选用RIA解决方案时，Silverlight是不二之选。随着HTML 5横空出世，Flex“易主”(这里说的是Adobe将Flex捐给Apache)，Silverlight被“雪藏”(这里指微软停止对Silverlight的更新)，RIA领域的技术解决方案开始变得扑朔迷离。 HTML 5无疑是“明日之星”，苹果公司前CEO乔布斯对它赞赏有加，绝大多数智能手机浏览器均支持HTML 5，基于HTML 5的网站也如雨后春笋般出现。这些似乎预示着HTML 5时代来临，人们试图让决策者相信，Flash/Flex时代已经过去了，HTML 5才是RIA领域的最佳解决方案。那到底真相会是什么呢? HTML 5其实也存在许多劣势，并不完美。HTML 5的浏览器兼容性问题(由于国内传统IE浏览器占了相当大的比重)；要实现html5应用，还要写CSS与JavaScript，增加了人员构成和开发成本，其编写难度也要远大于Flex。在较长一段时间内，HTML5是无法”替代”Flex技术的，也许最终HTML 5与Flex将成为是两种截然不同的技术解决方案，所以，它们是互补的，而非替代。如对Flash/Flex/Html5还不了解，我到互联网上找了一篇相关的文章和大家分享一下:

 

一，Flex4&BlazeDS&JAVA整合:

 

二，用户界面设计:

• 播放器界面的设计:

 

• 专辑制作界面的设计:

 

三，数据库设计:

• album(专辑表)创建语句:

CREATE TABLE `album` (   `a_id` int(11) NOT NULL AUTO_INCREMENT,   `a_name` varchar(20) NOT NULL DEFAULT '',   `a_singer` varchar(20) NOT NULL DEFAULT '',   `a_image` varchar(120) NOT NULL DEFAULT '',   PRIMARY KEY (`a_id`) ) ENGINE=MyISAM  DEFAULT CHARSET=utf8 ;

• song(歌曲表)创建语句:

CREATE TABLE `song` (   `s_id` int(11) NOT NULL AUTO_INCREMENT,   `a_id` int(11) NOT NULL,   `s_name` varchar(120) NOT NULL DEFAULT '',   `s_source` varchar(150) NOT NULL DEFAULT '',   PRIMARY KEY (`s_id`) ) ENGINE=MyISAM  DEFAULT CHARSET=utf8 ;

 

四，前端代码物理实现(Flex4部分代码实现):

• 播放器界面物理实现，通过在主程序中定义三个不同的自定义组件，”专辑””列表”“播放器控制面板”来构成整个播放器界面。

1，程序入口文件:myMusicPlayer.mxml

     
         
              
               
                       
           
          
      
               [Event(name="changeitem",type="events.MyEvent")]   //通过 Event元数据 定义自定义监听事件    
          
                  
              
          
              
               
                   
                   
                   
                   
                   
                   
           
      
     

2，自定义“专辑”组件:Album.mxml

     
             
              
           
          
      
                       [Event(name="changeitem3",type="events.MyEvent3")]     
          
                  
          
          
              
                   
                
           
      
     

 

3，自定义“列表”组件:List.mxml

     
         
              
           
          
      
                       [Event(name="changeitem",type="events.MyEvent")]      
          
                  
              
          
              
               
                   
                        
                     
                
           
              
     

4，自定义“播放器控制面板”组件:Player.mxml

//此状态为 暂停后点击播放按钮 状态 currentMusicChannel = currentMusicSound.play(currentMusicPosition); } isplaying=true; }else{ //暂停 //此状态为 播放过程中点击 暂停按钮 状态 currentMusicPosition = currentMusicChannel.position;//记录暂停位置 currentMusicChannel.stop();//暂停 isplaying=false; } currentMusicChannel.addEventListener(Event.SOUND_COMPLETE,autoPlayNext);//自动播放下一首 } /** * 自动播放下一首 * @param event * */ protected function autoPlayNext(event:Event):void{

//过滤参数问题 if(parentApplication.list.list.selectedIndex>=musicNum-1 ){ parentApplication.list.list.selectedIndex = 0; }else{ parentApplication.list.list.selectedIndex += 1; } if(currentMusicSound!=null&¤tMusicChannel!=null){ currentMusicChannel.stop();//暂停 } clearPar(); musicItem=parentApplication.list.list.selectedItem; currentMusicUrlString=serverIP+musicItem.s_source; currentMusicUrlRequest =new URLRequest(currentMusicUrlString); currentMusicSound = new Sound(); currentMusicSound.load(currentMusicUrlRequest); currentMusicSound.addEventListener(Event.COMPLETE,load_CompleteHandler); playAndPause.selected=true; isplaying =true; currentMusicChannel = currentMusicSound.play();//开始播放 timer_GetCurrentPositionHandler();//同步更新已经播放的时间的计时器 currentMusicChannel.addEventListener(Event.SOUND_COMPLETE,autoPlayNext);//自动播放下一首 } /** * 播放上一首 */ protected function playPrevious(event:MouseEvent):void { parentApplication.list.list.selectedIndex--; if(parentApplication.list.list.selectedIndex<0 ){ parentApplication.list.list.selectedIndex = musicNum-1; } if(currentMusicSound!=null&¤tMusicChannel!=null){ currentMusicChannel.stop();//暂停 } clearPar(); musicItem=parentApplication.list.list.selectedItem; currentMusicUrlString=serverIP+musicItem.s_source; currentMusicUrlRequest =new URLRequest(currentMusicUrlString); currentMusicSound = new Sound(); currentMusicSound.load(currentMusicUrlRequest); currentMusicSound.addEventListener(Event.COMPLETE,load_CompleteHandler); playAndPause.selected=true; isplaying =true; currentMusicChannel = currentMusicSound.play();//开始播放 timer_GetCurrentPositionHandler();//同步更新已经播放的时间的计时器 currentMusicChannel.addEventListener(Event.SOUND_COMPLETE,autoPlayNext);//自动播放下一首 } /** * 播放下一首 */ protected function playNext(event:MouseEvent):void { parentApplication.list.list.selectedIndex++; if(parentApplication.list.list.selectedIndex>musicNum-1 ){ parentApplication.list.list.selectedIndex = 0; } if(currentMusicSound!=null&¤tMusicChannel!=null){ currentMusicChannel.stop();//暂停 } clearPar(); musicItem=parentApplication.list.list.selectedItem; currentMusicUrlString=serverIP+musicItem.s_source; currentMusicUrlRequest =new URLRequest(currentMusicUrlString); currentMusicSound = new Sound(); currentMusicSound.load(currentMusicUrlRequest); currentMusicSound.addEventListener(Event.COMPLETE,load_CompleteHandler); playAndPause.selected=true; isplaying =true; currentMusicChannel = currentMusicSound.play();//开始播放 timer_GetCurrentPositionHandler();//同步更新已经播放的时间的计时器 currentMusicChannel.addEventListener(Event.SOUND_COMPLETE,autoPlayNext);//自动播放下一首 } private function playerList_change_Handler(event:MyEvent):void{ if(currentMusicSound!=null&¤tMusicChannel!=null){ currentMusicChannel.stop();//暂停 } clearPar(); musicItem=event.musicItem; currentMusicUrlString=serverIP+musicItem.s_source; currentMusicUrlRequest =new URLRequest(currentMusicUrlString); currentMusicSound = new Sound(); currentMusicSound.load(currentMusicUrlRequest); currentMusicSound.addEventListener(Event.COMPLETE,load_CompleteHandler); playAndPause.selected=true; isplaying =true; currentMusicChannel = currentMusicSound.play();//开始播放 timer_GetCurrentPositionHandler();//同步更新已经播放的时间的计时器 currentMusicChannel.addEventListener(Event.SOUND_COMPLETE,autoPlayNext);//自动播放下一首 } /** * 清除参数 * currentMusicSound = null; * currentMusicChannel = null; * currentMusicPosition = 0; * */ private function clearPar():void{ currentMusicSound = null; currentMusicChannel = null; currentMusicPosition = 0; } /** * 正在播放的歌曲的总时长 */ private var len:int; /** * 文件加载完成 能读取到音乐的总时长 * @param event * */ protected function load_CompleteHandler(event:Event):void{ len = currentMusicSound.length; totalTime.text = Tool4DateTime.millionSecond2MinuteSecond(len); } /** * 同步更新已经播放的时间的计时器 * */ protected function timer_GetCurrentPositionHandler():void{ var clock:Timer = new Timer(100,int(len/1000/60*10));//每0.1秒更新一次 clock.start(); clock.addEventListener(TimerEvent.TIMER,showTime); } /** * 显示已经播放的总时间 * @param event * */ protected function showTime(event:Event):void{ playingProcess.maximum = int(len/1000)*10;//最大值 playingProcess.value = int(currentMusicPosition/1000*10); //当前值 currentMusicPosition = currentMusicChannel.position; playedTime.text = Tool4DateTime.millionSecond2MinuteSecond(currentMusicPosition); } /** * 播放进度条 可以拖动 * @param event * */ protected function playingProcess_changeHandler(event:Event):void{ if(currentMusicChannel!=null){ currentMusicPosition = playingProcess.value*1000/10;//当前音乐播放进度 currentMusicChannel.stop(); currentMusicChannel = currentMusicSound.play(currentMusicPosition); isplaying=true; playAndPause.selected=true; currentMusicChannel.addEventListener(Event.SOUND_COMPLETE,autoPlayNext);//自动播放下一首 }else{ playingProcess.value=0; } } /** * 音量调节 * @param event * */ protected function volumeSlider_changeHandler(event:Event):void{ if(currentMusicChannel != null){

//正在播放时调节音量 currentMusicTransform = currentMusicChannel.soundTransform; currentMusicTransform.volume = volumeSlider.value/10; currentMusicChannel.soundTransform = currentMusicTransform; currentVolum = currentMusicTransform.volume; } currentVolum = volumeSlider.value/10; } ]]>