'분류 전체보기' 카테고리의 글 목록 (6 Page)

BCI 기술과 BCEL

Study/BCI&BCEL&ASM 상구너(sanguneo) 2015. 1. 12. 15:40

BCI(Byte Code Instrumentation) 란 *.class 와 같이 바이트코드로 컴파일된 자바 클래스파일을 수정하고 다루는 도구 혹은 기술이다.

자바는 javac 로 컴파일할때 완전한 기계어 코드가 아닌 소스와의 중간형태인 Byte Code 로 생성하게되는데 이게 도움을 받으면 어느정도 읽고 수정할수 있다.

자바에서도 클래스파일을 다루는 법을 제공하며 응용 라이브러리로는

Apache Commons 의 BCEL ( 정식 5.2, 개발버전 6.0)

Object Web 의 ASM

JBOSS 의 JavaAssist

등이 있고 본 블로그에서는 APACHE의 BCEL을 주로 다룰 예정이다.

필자가 다루고있는 라이브러리는 BCEL (Byte Code Engineering Library) 인데 이름만큼이나 정석(?)의 사용법을 제공한다.

바이트코드를 수정하고 작업을 추가하는 등의 작업을 바이트코드엔지니어링 이라고 하는데 앞으로는 작업 이라고 줄여서 말하겠다.

추측하건데 BCEL설계할당시에는 이미 컴파일된 *.class 파일작업만을 염두해두고 만들어졌을것이라고 생각한다.

라이브러리 측면에서 볼때 실시간으로 혹은 임시적으로 클래스파일을 작업하는 부분에대해선 제공되는 사항이 없는데,

이는 ASM 과 Javaassist 도 마찬가지.

그런데 자바1.5 부터 transform 등의 방법으로 런타임 작업이 가능해졌다.

class 파일을 작업하여 영구적으로 저장하는것을 영구작업,

런타임에 작업하여 임시적으로 사용하는것을 임시작업 이라고 하고 이야기를 진행하겠다.

왜 굳이 BCI 기술을 이용해서 코드에 새로운 작업을 추가하는가?

BCI 기술에대해 처음 접하는 대부분의 사람들이 위와같은 질문을 한다.

"왜 굳이 어려운기술을 써가며 작업을 추가하느냐", "소스를 추가하면 되는거 아니냐" 등의 많은 질문을 받는데, 반대로 질문을 던져보면 답은 쉽게 나온다.

만약에 소스가 없거나, 라이센스문제등으로 소스추가나 수정이 불가능한경우라면 어떻게 할 것인가 하는 질문이다.

BCI의 이점은 여기에있다. 소스가 필요없다. 어떤 라이브러리를 사용하건 타겟클래스와 메소드나 변수정보 등만 파악할 수 있으면 작업이 가능하다.

또한 반복적인 작업을 줄일수도 있다.

작업하는 메소드 를 만들어놓고 특징이 비슷한 여러개의 메소드에 적용 할 수도 있다.

그러나 가장 큰 메리트는 역시 '소스수정을 직접 하지 않아도 추가절차를 진행할 수 있다.' 는 점이다.

소스를 추가하는게 부담스럽지않은 소규모의 웹 어플리케이션에선 큰 차이가 없지만, 만약 컴파일된 코드만 수십 수백개가 되는 대형 어플리케이션이라면

이야기는 달라진다. 서비스를 제공하기위해 타겟 혹은 고객이 추가적으로 수고해야하는 일을 없앨 수 있다.

저작자표시 비영리 변경금지

'Study > BCI&BCEL&ASM' 카테고리의 다른 글

BCEL 중요용어 및 사용법 간단 소개. (0)	2015.01.12
bcel 6 다운로드 (0)	2015.01.12
ASM 으로 바이트코드 변경하기. (0)	2014.08.21
BCEL 그나마 나은 참고자료.. (0)	2014.08.04
bcel api doc (0)	2014.08.01

PHP html5 css3 음악 플레이어.

Develop 상구너(sanguneo) 2014. 10. 18. 22:07

php로 음악파일 목록을 불러와 playlist 로 만들고 자동재생되도록 만들어보았습니다.

1차적으론 개인 파일서버에있는 음악들을 들으려고 만들었는데,

이정도면 배포해도 괜찮겠지 싶어서 일단은 배포합니다.

파일은 <name>.php 로 음악이 있는 폴더에 저장하면 됩니다. 파일을 직접 올리지는 않겠습니다.

php 에서 같은 디렉토리 내의 파일목록과 디렉토리목록을 리스트업해서 재생해줍니다.

우분투 환경에서 테스트하였고, 윈도우의 경우는 php가 한글을 인식하는게 문제가 있어서 안될듯..

재배포와 수정은 자유이지만 처음 주석부분은 수정하지 않았으면 좋겠다. <?php /** * * 상구너 http://blog.sanguneo.com * 구너플레이어 14.10 * 제이쿼리플러그인을 따로 두고싶으면 부분 수정해도 괜찮습니다. * **/ function endsWith($haystack, $needle) { return $needle === "" || substr($haystack, -strlen($needle)) === $needle; } function humanFileSize($size) { if ($size >= 1073741824) { $fileSize = round($size / 1024 / 1024 / 1024, 1) . 'GB'; } elseif ($size >= 1048576) { $fileSize = round($size / 1024 / 1024, 1) . 'MB'; } elseif ($size >= 1024) { $fileSize = round($size / 1024, 1) . 'KB'; } else { $fileSize = $size . ' bytes'; } return $fileSize; } function dirlist() { $default_dir = "."; if (!$dh = @opendir($default_dir)) { return false; } $dirlist[] = ".."; $filelist2 = array(); while (($file = readdir($dh)) !== false) { if ($file == "." ||$file == ".." || !is_dir($file)) continue; // . 과 .. 디렉토리는 무시 $filelist2[] = $file; } sort($filelist2); $dirlist = array_merge($dirlist,$filelist2); foreach ($dirlist as $dirname) { echo "<ul class=\"listentity\" data=\"" . $dirname . "\">\n<li class=\"mtitle2\">\n" . $dirname . "</li>\n\n</ul>\n"; } closedir($df); } function filelist() { $default_dir = "."; if (!$dh = @opendir($default_dir)) { return false; } while (($file = readdir($dh)) !== false) { if ($file == "." || $file == ".." || !endsWith($file, "mp3")) continue; // . 과 .. 디렉토리는 무시 $filelist[] = $file . "|" . humanFileSize(filesize($file)); } sort($filelist); $filefirst = explode("|",$filelist[1])[0]; foreach ($filelist as $filename) { echo "\t<ul class=\"listentity\" data=\"".explode("|",$filename)[0]."\">\n\t\t<li class=\"mtitle\">".explode("|",$filename)[0]."</li>\n\t\t<li class=\"mcurrent\">▶</li>\n\t\t<li class=\"msize\"><a href=\"".explode("|",$filename)[0]."\">".explode("|",$filename)[1]."</a></li>\n\t</ul>\n"; } $filefirst = explode("|",$filelist[0])[0]; closedir($df); } ?> <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" /> <title>#music_title</title> <style> body { margin: 0; padding: 0; } .headC { position: relative; height: 100px; width: 100%; top: 0; left: 0 } #headI { position: fixed; background-color: white; border-bottom: gray 1px solid; z-index: 100; } .space { width: 100%; height: 10% } #headI #audio audio { width: 100%; height: 100%; } #musictitle { cursor: pointer; height: 30%; width: 100%; text-align: center; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; -moz-binding: url('ellipsis.xml#ellipsis'); } audio { width: 100%; } .tailC { position: relative; height: 50px; width: 100%; bottom: 0; left: 0 } #tailI { position: fixed; background-color: white; text-align: center; z-index: 100; } #tailI input { width: 15%; height: 100%; font-size: 20pt; -webkit-appearance: button; -webkit-border-radius: 0; } #dirlist { padding-top: 20px; } #dirlist .listentity:last-child { border-bottom: 0 } #playlist { padding-bottom: 20px; } .listentity { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 10px; -webkit-padding-end: 10px; width: calc(100% - 20px); height: 30px; margin: 0 auto; border-top: 1px gray dashed; position: relative; clear: left; list-style: none; cursor: pointer } .listentity:hover { background-color: #CCCCCC } .listentity:last-child { border-bottom: 1px gray dashed; } .listentity li { line-height: 30px; vertical-align: middle; font-size: 10pt; float: left } .mtitle { width: 77%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; -moz-binding: url('ellipsis.xml#ellipsis'); } .mtitle2 { width: 100%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; -moz-binding: url('ellipsis.xml#ellipsis'); } .mcurrent { width: 5%; color: transparent } .msize { text-align: right; width: 8%; padding-left: 5%; } .active { font-weight: bold; } .active .mcurrent { color: black } a, a:hover, a:link, a:visited, a:active { color: gray; text-decoration: none; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> </head> <body> <div id="headI" class="headC"> <div class="space"></div> <div id="musictitle" title="클릭하시면 노래제목 전체가 출력됩니다">#music title</div> <audio id="audio" autoplay controls src="<?php echo $filefirst;?>"></audio> <div class="space"></div> </div> <div id="fakehead" class="headC"></div>  <div id="dirlist"> <?php echo dirlist();?> </div> <div id="playlist"> <?php echo filelist();?> </div>  <div id="tailI" class="tailC"> <input id="prev" type="button" value="<<" /> <input id="play" type="button" value="||"/> <input id="next" type="button" value=">>"/> <input id="loop" type="button" value="@"/> </div> <div id="faketail" class="tailC"></div> <script language="javascript" type="text/javascript"> var audio; var playlist; var tracks; var current; var loop = false; init(); function init() { current = 0; audio = $('#audio'); playlist = $('#playlist'); tracks = playlist.find('ul'); len = tracks.length - 1; audio[0].play(); playlist.find('ul').click(function(e) { link = $(this); current = link.index(); run(link, audio[0]); }); audio[0].addEventListener('ended', function(e) { if(!loop){ current++; if (current == len + 1) { current = 0; link = playlist.find('ul')[0]; } else { link = playlist.find('ul')[current]; } } run($(link), audio[0]); }); audio[0].addEventListener("pause", function() { $('#play').attr("value", ">"); }); audio[0].addEventListener("play", function() { $('#play').attr("value", "||"); }); } function run(link, player) { player.src = link.attr('data'); par = link; $('#musictitle').html(link.attr('data')); document.title = link.attr('data'); par.addClass('active').siblings().removeClass('active'); audio[0].load(); audio[0].play(); $('#play').attr("value", ">"); } $('#prev').click(function() { current--; if (current == -1) { current = len; } link = playlist.find('ul')[current]; run($(link), audio[0]); }); $('#play').click(function() { if (audio[0].paused == false) { audio[0].pause(); $('#play').attr("value", ">"); } else { audio[0].play(); $('#play').attr("value", "||"); } }); $('#next').click(function() { current++; if (current == len + 1) { current = 0; link = playlist.find('ul')[0]; } else { link = playlist.find('ul')[current]; } run($(link), audio[0]); }); $('#loop').click(function() { if(!loop){ loop = true; $('#loop').attr("value", "!@"); }else{ loop = false; $('#loop').attr("value", "@"); } }); $('#dirlist').find('ul').click(function(e) { location.href = $(this).attr("data"); }); $('#musictitle').click(function() { alert($('#musictitle').html()); }); $(document).ready(function() { var event = document.createEvent("HTMLEvents"); event.initEvent("click", true, false); playlist.find('ul')[0].dispatchEvent(event); var browserCheckText = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson', 'Symbian', 'Windows Phone', 'webOS', 'Opera Mini', 'Opera Mobi', 'POLARIS', 'IEMobile', 'nokia'); for (var word in browserCheckText) { if (navigator.userAgent.toUpperCase().match(browserCheckText[word].toUpperCase()) != null) { $('#play').attr("value", ">"); audio[0].pause(); break; }else{ $('#play').attr("value", "||"); } } }); </script> </body> </html>

One file php html5 css3 jquery music player.

이름도 한번 지어볼까..? 구너플?

저작자표시 비영리 동일조건

'Develop' 카테고리의 다른 글

구너갤러리 15.11.2 (0)	2015.11.16
구너갤러리 15.11 (0)	2015.11.04
구너 플레이어 15.11 (1)	2015.11.04
베지에 곡선 (Bezier Curve) (1)	2015.09.04
[구너 플레이어] 15.8 단일파일 php 음악 플레이어. (4)	2015.08.06

_h5ai audio,video autoplay

Study/JavaScript 상구너(sanguneo) 2014. 9. 29. 23:58

_h5ai/client/js/script.js 를 에디터로 연다.

open _h5ai/client/js/script.js with editer

아래 코드를 최상단에 추가한다. insert code follow on top.

function nexts(){var evt=document.createEvent('MouseEvents');evt.initMouseEvent('click',true,false,document,0,0,0,0,0,false,false,false,false,0,null);document.getElementById("pv-next-area").dispatchEvent(evt)}

and 

("controls","controls").attr("src",e) 를 찾아(replace to)
("controls","controls").attr("src",e).attr("onended","nexts()") 로 치환한다.(this)

저작자표시 비영리 변경금지

'Study > JavaScript' 카테고리의 다른 글

클로저(Closure) 의 특성과 응용 그리고 실수 (0)	2017.01.05
Canvas Context 메소드 확장하기. (0)	2016.05.10

JavaAgents 사용하기.

Study/Java 상구너(sanguneo) 2014. 8. 22. 13:37

javaagent 제작에대한 국내 자료가 상당히 없는거같다. 그나마 제니퍼소프트에서 만드는 제니퍼 자료가 구할만한 자료 .. 라고 해야하나... 게다가 자바에이전트에대한 설명은 무지 어렵거나 스쳐지나갈뿐 ....

아무튼

설명이 되어있는 자바독은

http://docs.oracle.com/javase/8/docs/api/java/lang/instrument/package-summary.html

자바 에이전트의 기능은 하나라고 생각한다.

다른 함수(main) 이 실행되기전에 혹은 실행하면서, JVM 뜨면서 등으로 클래스를 로드하고 수행해주는 역할 정도일거다.

본 블로그에서 다루는 bcel/asm 등의 bci 기술과 접목시킨다면 실시간 클래스 분석도 가능해진다. (APM 대부분이 그런 같은 방법사용)

다음 내용은

http://stackoverflow.com/questions/11898566/tutorials-about-javaagents

를 참고했다.

premain 을 이용한 예제.

1. main 과 비슷하게 premain 을 선언한다.
import java.lang.instrument.Instrumentation; class Example { public static void premain(String args, Instrumentation inst) { ... } }
2. manifest.mf 혹은 .txt 파일을 만들어 Premain 에대한 정보를 준다.(Premain 의 위치)

Premain-Class: ex.ex.Example

(주의! ':'뒤에 띄어쓰기,클래스명뒤에 띄어쓰기, 마지막에 줄바꿈 꼭 할것 )

3. jar로 매니페스트와 함께 묶어주기.

4. 실행하기

java -javaagent:exagent.jar targetclass

(주의! 실행할 클래스는 자바에이전트의 선언 이후에 써야한다.)

이 방법들과 bcel, AOP 기법들을 이용해 APM을 제작하는 것이 가능하다.

저작자표시 비영리 변경금지

ASM 으로 바이트코드 변경하기.

Study/BCI&BCEL&ASM 상구너(sanguneo) 2014. 8. 21. 13:36

http://ukja.tistory.com/27

ASM 에 대한 정리가 잘 되어있다.

저작자표시 비영리 변경금지

'Study > BCI&BCEL&ASM' 카테고리의 다른 글

bcel 6 다운로드 (0)	2015.01.12
BCI 기술과 BCEL (0)	2015.01.12
BCEL 그나마 나은 참고자료.. (0)	2014.08.04
bcel api doc (0)	2014.08.01
BCEL 메소드 추가하기 (0)	2014.08.01

검색

BCI 기술과 BCEL

'Study > BCI&BCEL&ASM' 카테고리의 다른 글

PHP html5 css3 음악 플레이어.

'Develop' 카테고리의 다른 글

_h5ai audio,video autoplay

'Study > JavaScript' 카테고리의 다른 글

JavaAgents 사용하기.

ASM 으로 바이트코드 변경하기.

'Study > BCI&BCEL&ASM' 카테고리의 다른 글

티스토리툴바

« 2024/11 »
일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30