웹마스터 팁
음악파일 본문첨부시 최대한 같은 모습으로 재생시키기 [11.12.04]
2011.11.24 21:50
대충 돌아만 가게 적어놓습니다.
고수분들의 조언 및 수정 바랍니다. (송동우님 감사드립니다.)
-----------------------------------------------------------------
* 타 파일에 영향 없도록 개선
적용 예시 : http://mitekiku.net/blog/allblog/14939
-----------------------------------------------------------------
1. http://www.xpressengine.com/index.php?mid=download&package_srl=20261819 애드온 받아서 적용.
2. module/editor/tpl/js/uploader.js 406번째줄 쯤에 수정
// 바로 링크 가능한 파일의 경우 (이미지, 플래쉬, 동영상 등..)
if(file.direct_download == 'Y') {
댓글 38
-
고속열차
2011.11.25 01:08
-
무한탐구
2011.11.25 09:57
추천!
-
와 멋지네요.. 적용 어찌해야하나... 시간날때 해봐야겠어요
-
iceman237
2011.11.25 16:23
http://홈피주소/kkk.mp3
음원의 url이 너무 적나라하게 보여지는데 이것만 나름 방법이 있으면 좋겠네요.
-
전 안되네요 ㅋㅋ; 1.5.0.9에서도 되는거 맞나요??
-
1.5.0.9 에서 잘 작동되네요.
-
최신버전에서도 잘 되고 이전버전에서도 작동 될겁니다^^
별로 특별한 소스가 아니라서..
-
애드온만 설치해서는 음악링크 소스를 적어줘야 하는 약간의 번거러움이 있었는데...
이소스를 적용하니 그냥 음악 첨부해서 넣어주면 되는군요.
아주 굿입니다. 감사합니다.
아..그리고 소스중에 loop=\"loop\" 이걸 지워줘야 하네요.
안그러면 음악이 계속 반복되더군요.
-
preload="none" 없애줘도 됩니다.이 옵션은 페이지접속시 플레이도 되지 않고 파일다운도 플레이 누르기전엔 시작하지 않습니다.
그리고 진정한 스트리밍이 되네요. 그러니까 전부 다운 받는게 아니고 한~20%정도씩만 다운받아 지네요.
preload="auto" 플레이버튼 누르면 파일을 다 다운받습니다.autoplay="autoplay" 이거 넣어주면 자동 플레이됩니다. -
프리로드는 컴퓨터에 따라 약간의 버벅임이 발생하더군요^^;
-
어떻게 사용하신건가요~?? 그냥 mp3 파일첨부하면 본문에서 저렇게 재생이 되는건가요??
-
이 팁 그대로 적용하시면 정상작동 합니다.
만약 에디터를 기본 에디터가 아닌 자료실에 있는 슬림에디터 라던지 다른걸로 사용하시는 경우에는 작동이 되지 않을수 있습니다.
-
아 이제 잘되네요~!! 감사합니다 !! 애드온 설정에서 게시물을 체크해줘야 되네요 ㅎ
-
embed를 자동으로 audio로 바꿔주나요?..
회원들은 대부분 embed로 올릴거 같은데..
-
애드온은 audio를 플래시로 바꿔서 표현해 주고요.
아래 소스 수정은 미디어 파일 업로드시 embed로 보여주지 않고 audio로 보여줍니다.
둘다 사용해야 원하는 효과를 볼수 있어요.
-
좋은데 아쉬운점은 .wma 파일은 안된다는점과... mp4동영상 파일을 영상없이 소리만 재생시킨다는점... (따로지정을해줘야하는듯)
-
그래서 고수분들의 조언 및 수정을 바란다고 써놨드랬죠 ㅋ
개선의 여지가 필요합니다.
다만, mp3만 업로드 하는 경우에는 문제가 없지요.
-
이거 써서 사용하시면 한 게시물에 음악플레이어 + 동영상 플레이어 같이 쓸수 있습니다.
그리고 mp4동영상을 웹용으로 만들어야 바로 재생 시작합니다.
같은 확장자라도 어떤것은 한참후에 뜨고 어떤것은 아예 재생못하고 그러는데요.
그건 mp4라도 웹용으로 만들어지지 않아서 입니다.
웹에서 사용하시려면 꼭 웹용으로 변환해서 사용해야 합니다.
혼자 이 상황을 알아내기 까지 엄청 고생했네요. ㅡ.ㅡ;
flv는 기본이 웹용이라 변환 설정없이 그냥 바로 재생되더군요.
-
wma와 mp4등 mp3파일이 아닌경우는 영향이 없게 개선되었습니다.
-
와 대단합니다!! 감사합니다
-
익스9에서 플레이버튼이 클릭이 안됩니다. 저만 그런가요? 아무도 말씀이 없으시네요...^^;;;
호환성보기를 눌렀을때는 클릭이 됩니다.
-
익스9에서 controls가 제대로 없어지지 않네요.
수정했습니다.
-
원본 파일이 있는곳인 http://kolber.github.com/audiojs/ 에서는 controls가 있는 경우는 상정하지 않고 만들어져 있습니다.
그래서 어떻게 방법을 찾아보려고 했지만, 잘 되지 않네요. (IE9)
방법은 controls를 없애면 정상 작동 합니다.
-
문제 수정해서 애드온 올렸습니다.
애드온 업데이트 하시면 controls문제없이 사용 가능합니다.
-
1.5.0.9에서 잘 되다가
1.5.1로 업데이트하고 게시판도 1.4.2로 업하고 그리고 파일첨부가 여러개 되길래
스림에디터로 교체하고 다시 위 코드 넣고 했는데...
잘 되던게 업데이트하고 안되네요.
아..수정 애드온도 다시 깔았구요.
안되는 현상은 기본 플레이어가 뜹니다.
-
슬림 에디터는 파일 본문 삽입 자체를 단독으로 처리하는 듯 합니다.
슬림에디터 배포하시는 분꼐 파일 본문 삽입이 어느 부분에 있는지 여쭤보심이 ㅎㅎ
-
아..그렇군요. 빠른답변 감사합니다.
-
어라... 갑자기 또 안되네요 ;; 뭐가 문제지....
-
참빛바다
2012.02.22 00:01
.
-
miso777
2012.02.23 18:54
상단 조금 아래 우측끝에 다운로드 버튼 파일명 html5audio_flash 이거 아닌가요.?
저도 오늘 처음봐서 저건지 아닌건지는 모르겠네요.
-
참빛바다
2012.04.12 19:33
-
이 글내용을 애드온에 다운로드 글에 포함시키면 더욱 좋을것 같은데요.
-
참빛바다
2012.04.13 19:33
시험기간 끝나면 정리한번 할려구요 ㅎㅎ
-
애드온을 받아야하나염?? 애드온받고 적용했는데 ... 잘되네요 .. mp3
근대 실수로 애드온 삭제한후에도 정상 작동하네욤 .... ㅡ_ㅡ ? 왜그런거죠?? ㅎㅎ
-
코어 1.5.3.1.hotfix1 에선 안되네요.
애드온 설치후 위 소스코드를 수정하면 아예 미디어파일(mp3) 본문삽입이 되질 않습니다.
-
참빛바다
2014.01.01 00:13
* 406번째 -> 411번째 라인 수정으로 변경
* XE 최신 베타에서 작동 확인
-
참빛바다
2014.01.02 13:24
정말 좋은 팁이군요 감사합니다.