1. 게시판에서 텍스트로 쓰거나 아니면 에디터를 쓰거나에 상관없이 mp3 사운드나 mp4 동영상을 게시글의 원하는 영역에 삽입하는 방법입니다. 개수는 원칙적으로 무한입니다. 또한 유튜브도 삽입 가능합니다.

2. 사용방법

1) mp3 사운드

아래처럼 [#mp3_숫자#] 를 양 옆으로 싸고...

그 안에 첨부파일 번호와 가로 퍼센트와 위치를 ** 으로 분기하며 적용합니다.

위치는 left/right/center 3개입니다.

[#mp3_숫자#]첨부파일순서**가로퍼센트**위치[#mp3_숫자#]

[#mp3_1#]1**30**left[#mp3_1#]

[#mp3_2#]2**50**right[#mp3_2#]

[#mp3_3#]3**100**center[#mp3_3#]

.

.

.

일련번호는 중간을 빼 먹으면 안 됩니다.

2) mp4 동영상

[#mp4_숫자#]첨부파일순서**가로퍼센트**위치[#mp4_숫자#]

3) 유튜브

[#ytb_숫자#]유튜브아이디**가로퍼센트**위치[#ytb_숫자#]

4) mp3 와 mp4 와 유튜브는 서로 섞어도 상관없지만 일련번호는 본인들의 수순을 따라주어야 합니다.

3. 주의사항

에디터에서 작성시 [#mp3_1#]1**30**left[#mp3_1#] 등에 불순물 태그가 들어갈 수 있으니 꼭 html 모드에서 다른 글자가 들어가지 않았는지 확인하세요.

4. 링크된 예제 소스는 아래와 같습니다.

[#mp3_1#]1**30**left[#mp3_1#]
[mp3] 유로 2000 주제가 : E-Type - Campione 

[#mp4_1#]2**50**right[#mp4_1#]
[mp4] Placebo : Special Needs

[#ytb_1#]GdoNGNe5CSg**100**center[#ytb_1#]
[유튜브] 잔나비 : 주저하는 연인들을 위해

[#mp3_2#]3**50**center[#mp3_2#]
[mp3] Clementine : Season In The Sun

5. 현재 등록 스킨은 basic pc용입니다.

다른 pc용 스킨이나 모바일용 스킨에 미디어 삽입 소스를 사용하고 싶으면...

아래소스를 view.skin.php 의 가장 하단부에 입력해 주세요.

[code]

<script>
<?php for ($mp34 = 1; $mp34 < count($view['file']); $mp34++) { ?>
    <?php echo "mp34_".$mp34; ?> = "<?php echo $view['file'][$mp34 - 1]['path'].'/'.$view['file'][$mp34 - 1]['file']; ?>"; 
<?php } ?>
mp3Total = Math.floor(bo_v_con.innerHTML.split("[#mp3_").length / 2);
mp4Total = Math.floor(bo_v_con.innerHTML.split("[#mp4_").length / 2);
ytbTotal = Math.floor(bo_v_con.innerHTML.split("[#ytb_").length / 2);
function mp3Mode() {
    mp3String = bo_v_con.innerHTML;
    mp3Split = mp3String.split("[#mp3_" + arguments[0] + "#]")[1].split("**");
    if (mp3Split[2] == "left") mp3Margin = 0;
    else if (mp3Split[2] == "right") mp3Margin = 100 - mp3Split[1];
    else mp3Margin = (100 - mp3Split[1]) / 2;
    mp3Html = "<div><audio style=width:" + mp3Split[1] + "%;margin-left:" + mp3Margin + "%;display:block src=" + this['mp34_' + mp3Split[0]] + " controls loop controlsList=nodownload></audio></div>";
    bo_v_con.innerHTML = mp3String.split("[#mp3_" + arguments[0] + "#]")[0] + mp3Html + mp3String.split("[#mp3_" + arguments[0] + "#]")[2];
}
function mp4Mode() {
    mp4String = bo_v_con.innerHTML;
    mp4Split = mp4String.split("[#mp4_" + arguments[0] + "#]")[1].split("**");
    if (mp4Split[2] == "left") mp4Margin = 0;
    else if (mp4Split[2] == "right") mp4Margin = 100 - mp4Split[1];
    else mp4Margin = (100 - mp4Split[1]) / 2;
    mp4Html = "<div><video style=width:" + mp4Split[1] + "%;margin-left:" + mp4Margin + "%;display:block src=" + this['mp34_' + mp4Split[0]] + " controls loop controlsList=nodownload></video></div>";
    bo_v_con.innerHTML = mp4String.split("[#mp4_" + arguments[0] + "#]")[0] + mp4Html + mp4String.split("[#mp4_" + arguments[0] + "#]")[2];
}
function ytbMode() {
    ytbString = bo_v_con.innerHTML;
    ytbSplit = ytbString.split("[#ytb_" + arguments[0] + "#]")[1].split("**");
    if (ytbSplit[2] == "left") ytbMargin = 0;
    else if (ytbSplit[2] == "right") ytbMargin = 100 - ytbSplit[1];
    else ytbMargin = (100 - ytbSplit[1]) / 2;
    ytbHtml = "<div><iframe id=ytb_" + arguments[0] + " style=width:" + ytbSplit[1] + "%;margin-left:" + ytbMargin + "%;display:block src=https://www.youtube.com/embed/" + ytbSplit[0] + "?loop=1&playlist=" + ytbSplit[0] + " frameborder=0 allowfullscreen></iframe></div>";
    bo_v_con.innerHTML = ytbString.split("[#ytb_" + arguments[0] + "#]")[0] + ytbHtml + ytbString.split("[#ytb_" + arguments[0] + "#]")[2];
    this["ytb_" + arguments[0]].style.height = this["ytb_" + arguments[0]].offsetWidth * 9 / 16  + 'px';
}
if (("." + bo_v_con.innerHTML).indexOf("[#mp3_") > 0) for (mp3 = 1; mp3 <= mp3Total; mp3++) mp3Mode(mp3);
if (("." + bo_v_con.innerHTML).indexOf("[#mp4_") > 0) for (mp4 = 1; mp4 <= mp4Total; mp4++) mp4Mode(mp4);
if (("." + bo_v_con.innerHTML).indexOf("[#ytb_") > 0) for (ytb = 1; ytb <= ytbTotal; ytb++) ytbMode(ytb);
</script>

[/code]