노래 플레이어 만들기.

 1. 배경사진을 스킨에 업로드. 
 2. jw mp3 player을 스킨에 업로드.
 3. 음악파일 새글쓰기로 업로드 
 4. 두가지 xml (노래 목록 xml, config.xml) 스킨에 업로드
 5. 태그에 주소를 따서 집어넣고 게시물 올리기. 


  참고 게시물 :  http://alrzlvoswlf.tistory.com/257  
 
   

'action script/flash' 카테고리의 다른 글

flash 기초  (0) 2011.09.18
크롬 chrome missing plug in 해결방법!  (9) 2011.09.18
플립카운터 D-day카운터  (0) 2011.09.17
스펙트럼 음짤(막대 스펙트럼)  (2) 2011.09.16

action script/flash

flash 기초

2011. 9. 18. 17:02
플래시 기초부터 하나씩 
키프레임으로 간단히 움직이기 



프레임 하나 더 늘려서 움직이기 


모션트윈(클래식 트윈)으로 농구공 움직이기


+네이버 블로그 강좌 참고 http://blog.naver.com/ygs1090
구글 크롬을 업데이트  또는 어도피 플래시 플레이어 업그레이드 한후 missing plug-in  해결방법

 1. 구글 크롬에 내장된 플래시와 외부 플래시(원래 설치되어있던 플래시)가 충돌해서 생기는 문제.

 주소창에  chrome://plugins  또는 about:plugins 치면 플러그인 설정 페이지가 나옵니다.

(또는 옵션-고급설정-컨텐츠 설정-플러그인-개별플러그인설정 눌러도 나옴)

 plugin들이 보입니다. 오른쪽에 보시면 세부정보가 있습니다. ( +세부정보)

세부정보를 클릭합니다. 



플래시에 2가지 플러그인이 있습니다.  Flash (2 files)   

Flash (1 files) 되어 있는 분들은 밑에 2번을 읽어주세요. 

2가지중 하나만 사용중지하시면 됩니다. 아래 있는 경로에 있는 내장 플러그인만 사용중지

끝이 gcswf32.dll로 끝나는 것이 내장 플러그인입니다. 

 C:\Documents and Settings\사용자컴퓨터\Local Settings\Application Data\Google\Chrome\Application\14.0.835.163\gcswf32.dll  

 


사용중지를 누르시면 회색으로 비활성화 됩니다. 그리고 사용중지에서 사용으로 나오면 중지가 된 것입니다.


그리고 크롬 끄시고 다시 켜서 확인해보세요.

(인터넷에 떠도는 모든걸 적용시켜봤지만 해결되지 않았는데 위의 방법대로 하니까 바로 해결!)


2. Flash (1 files)  되어 있는데 missing plug in이 나오시는 분들이나, 위의 방법대로 해도 안된다 하시는 분들은

어도비 플래시 플레이어(adobe flash player)를 최신으로 다시 설치하세요.

플래시 플레이어 다운하러가기(클릭)  밑에 플래시 설치 설명을 읽어보시고 클릭하세요 ^^ 

1단계선택과 2단계선택을 해주시고 지금 다운로드를 클릭하셔야 합니다.

운영체제 선택에서 보통 두번째를 선택합니다 윈도우7 32비트,xp이신 분들은 두번째, 윈도우7 64비트이신 분들은 첫번째

2단계 버전선택에서는 other  browsers를 선택해주세요 

(설치중에는 크롬이나 다른브라우저를 꺼주세요) 

다시 저 위의 과정을 반복하시기 바랍니다. 


3. 익스플로러나 파이어폭스같은 다른 브라우저에서는 플짤이 나오고 크롬에서만 다른곳에 있는 플짤은 나오는데 내가 만든 티스토리 플짤이 안나오는 경우 

embed태그를 수정하시면 됩니다.

원래 embed태그가 <embed src="주소" type="application/ octet-stream; charset=UTF-8" loop="true" autostart="true" width="가로" height="세로">

이런식으로 되있으면 

위 application/ 옆에 x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" 추가

결론적으로 이렇게
<embed src="주소" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" octet-stream; charset=UTF-8" loop="true" autostart="true" width="가로" height="세로">


 ------------------------------------------------------------------------

위 2문제때문에 꽤나 시간소비ㅜ  
처음엔 잘몰라서 크롬을 다시 설치하면 될까해서 다시 설치했지만 안됩니다.
위의 방법대로 하니 되었습니다.



'action script/flash' 카테고리의 다른 글

노래 플레이어 만들기(JW mp3 player)  (0) 2011.11.29
flash 기초  (0) 2011.09.18
플립카운터 D-day카운터  (0) 2011.09.17
스펙트럼 음짤(막대 스펙트럼)  (2) 2011.09.16


 


2번째줄 d_day.setFullYear(2011, 09, 17);에 d-day 넣으시면 됩니다.
진짜 월자리에는 1월이면 숫자 0을 넣으시고 2월이면 숫자 1 이런식으로
1월1일이면 0월1일 이렇게 이것제대로 안하고 또 왜 이상하게 나오지 하고 한참동안 고민;; ㅠㅠ

플립카운터 액션

var d_day = new Date();
d_day.setFullYear(2011, 09, 17);
d_day.setHours(0, 0, 0, 0);

var d_day_ms = d_day.getTime();
var d_days:String;
var d_hours:String;
var d_minutes:String;
var d_seconds:String;

function setD_day():void
{
    var present:Date = new Date();
    var present_ms = present.getTime();
    var difference = d_day_ms - present_ms;
    d_days = Math.floor(difference / 86400000);
    d_days = add_0(d_days,3);
    difference -= d_days * 24 * 60 * 60 * 1000;
    d_hours = Math.floor(difference / 3600000);
    d_hours = add_0(d_hours,2);
    difference -= d_hours * 60 * 60 * 1000;
    d_minutes = Math.floor(difference / 60000);
    d_minutes = add_0(d_minutes,2);
    difference -= d_minutes * 60 * 1000;
    d_seconds = Math.floor(difference / 1000);
    d_seconds = add_0(d_seconds,2);
}
setD_day();

function add_0(input, decimal)
{
    var i:int = 1;
    while (i < decimal)
    {
        if (input < Math.pow(10,i))
        {
            input = "0" + input;
        }
        i++;
    }
    return (input);
}

var time1 = "a";
var oldTime1;
var time2 = "a";
var oldTime2;
var time3 = "a";
var oldTime3;
var time4 = "a";
var oldTime4;
var time5 = "a";
var oldTime5;
var time6 = "a";
var oldTime6;
var time7 = "a";
var oldTime7;
var time8 = "a";
var oldTime8;
var time9 = "a";
var oldTime9;

function makeTime():void
{
    setD_day();
    oldTime1 = time1;
    oldTime2 = time2;
    oldTime3 = time3;
    oldTime4 = time4;
    oldTime5 = time5;
    oldTime6 = time6;
    oldTime7 = time7;
    oldTime8 = time8;
    oldTime9 = time9;
    var sec = d_seconds;
    var min = d_minutes;
    var hour = d_hours;
    var date = d_days;
    time1 = date.charAt(0);
    time2 = date.charAt(1);
    time3 = date.charAt(2);
    time4 = hour.charAt(0);
    time5 = hour.charAt(1);
    time6 = min.charAt(0);
    time7 = min.charAt(1);
    time8 = sec.charAt(0);
    time9 = sec.charAt(1);
    if (time1 != oldTime1)
    {
        changeNum(oldTime1, time1, 1);
    }// end if
    if (time2 != oldTime2)
    {
        changeNum(oldTime2, time2, 2);
    }// end if
    if (time3 != oldTime3)
    {
        changeNum(oldTime3, time3, 3);
    }// end if
    if (time4 != oldTime4)
    {
        changeNum(oldTime4, time4, 4);
    }// end if
    if (time5 != oldTime5)
    {
        changeNum(oldTime5, time5, 5);
    }// end if
    if (time6 != oldTime6)
    {
        changeNum(oldTime6, time6, 6);
    }
    if (time7 != oldTime7)
    {
        changeNum(oldTime7, time7, 7);
    }
    if (time8 != oldTime8)
    {
        changeNum(oldTime8, time8, 8);
    }
    if (time9 != oldTime9)
    {
        changeNum(oldTime9, time9, 9);
    }
}

function changeNum(oldTime, time, num):void
{
    watch["flip" + num].gotoAndPlay(1);
    watch["flip" + num].pad1.txtNum.text = oldTime;
    watch["flip" + num].pad2.txtNum.text = time;
    watch["pad" + num + "_1"].txtNum.text = time;
    watch["pad" + num + "_2"].txtNum.text = oldTime;
    trace(num +"                 " + oldTime+"             "+time);
}


makeTime();
setInterval(makeTime, 1000);

(플립 카운터 액션 다운)
 



  ------------------------------------------------------
+출처 플갤 강의를 보고 따라했습니다.

'action script/flash' 카테고리의 다른 글

노래 플레이어 만들기(JW mp3 player)  (0) 2011.11.29
flash 기초  (0) 2011.09.18
크롬 chrome missing plug in 해결방법!  (9) 2011.09.18
스펙트럼 음짤(막대 스펙트럼)  (2) 2011.09.16


진짜 조금만 울게....... 된다 ㅠㅠ 
cross domain.xml파일이 뭔지 이해를 못해서 음짤을 만들어놓고
웹에 올리면 안나오는 상태를 계속 반복
저와 같은 왕초보들에게 자세하게 설명해드리겠습니다.ㅠㅠ초보들 화이팅
메모장에 다음을 쓰시고 txt파일 확장자를 crossdomain.xml로 바꾸세요.

 
<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM
"http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<site-control permitted-cross-domain-policies="all"/>
</cross-domain-policy>

(크로스도메인 파일 다운) 
  


 그리고 티스토리 css편집-파일 업로드에 음악과 crossdomain,xml을 업로드하세요.
그리고 액션에는 
http://cfs.tistory.com/custom/blog/55/123456/skin/images/crossdomain.xml
주소가 이런식으로 됩니다. 
다른건 다 똑같이 하시고 55/123456 이부분은 블로그마다 틀리니까
이미지보기에서 url따시면 자기 주소 나옵니다. 그것만 수정하시고
링크넣으시면 됩니다. 
음악도 마찬가지로 
http://cfs.tistory.com/custom/blog/55/123456/skin/images/음악파일이름.mp3
이런식으로 음악파일이름에는 업로드하신 파일이름 적으시면 됩니다. 음악파일을 music으로 업로드하셨으면 
http://cfs.tistory.com/custom/blog/55/123456/skin/images/music.mp3 이렇게요.
그렇게만 적으시면 되요.

스펙트럼 음짤 액션
Security.loadPolicyFile("http://cfs.tistory.com/custom/blog/55/123456/skin/images/crossdomain.xml");

var s:Sound = new Sound();
s.load(new URLRequest("http://cfs.tistory.com/custom/blog/55/123456/skin/images/음악파일이름.mp3"));
var channelObj:SoundChannel;
channelObj = s.play(0, int.MAX_VALUE);
var cl:int = 67; //스펙트럼 개수
var ba :ByteArray = new ByteArray();
var spectrum:Array = []; //스펙트럼
var spectrum2:Array = []; //스펙트럼 위의 작은 박스
var spectrumContainer:Sprite = new Sprite();
box.addChild(spectrumContainer);
spectrumContainer.scaleY = -1;
spectrumContainer.y = 470; //스펙트럼 y값
spectrumContainer.x = -20; //스펙트럼 x값
/*
막대그래프 스펙트럼 생성
*/
function makeBar(container:Sprite, w:Number,h:Number, color:Number):Shape
{
        var r:Shape = new Shape();
        container.addChild(r);
        r.graphics.beginFill(color,1);
        r.graphics.drawRect(0,0,w,h);
        r.graphics.endFill();
        return r;
}

function drawBarSpectrum():void
{
        var i:int = 0;
        var w:int = 12; // 스펙트럼 너비
        while (i<cl)
        {
                spectrum.push(makeBar(spectrumContainer, w, 1, 0xFFFFFF));
                spectrum2.push(makeBar(spectrumContainer, w,1 , 0xFFFFFF));
                var bar = spectrum[i];
                var bar2 = spectrum2[i];
                bar2.x = bar.x = i*(bar.width+1);
                i++;
        }
}
drawBarSpectrum();
/*
스펙트럼 렌더링
*/
function makeSpectrum():void
{
        SoundMixer.computeSpectrum(ba, false, 0);
        var i:int = cl;
        while (i>0)
        {
                i--;
                var ty = ba.readFloat()*80;
                spectrum[i].height -= (spectrum[i].height - ty - 100)*.7; // 100이 스펙트럼 높이
                spectrum2[i].y -= (spectrum2[i].y-(spectrum[i].y+spectrum[i].height+3));
        }
}
addEventListener(Event.ENTER_FRAME, gotoFrame);
function gotoFrame(e:Event):void
{
        makeSpectrum();
}
box.alpha = .7;

-

(스펙트럼 음짤 액션 다운) 
  


 

+플갤강의를 보고 따라했습니다. 

 

'action script/flash' 카테고리의 다른 글

노래 플레이어 만들기(JW mp3 player)  (0) 2011.11.29
flash 기초  (0) 2011.09.18
크롬 chrome missing plug in 해결방법!  (9) 2011.09.18
플립카운터 D-day카운터  (0) 2011.09.17