첨부파일로 mp3 및 mp4 넣기

첨부파일로 mp3 사운드나 mp4 동영상을 넣는 팁입니다.

첫번째 첨부파일로 mp3 나 mp4 를 업로드 해주면 되겠습니다.

view.skin.php 에서 아래 부분을 찾습니다.

<div id="bo_v_con">

그 상단에 아래의 코드를 붙여넣기 합니다. pc 와 모바일 모두 그렇게 해 주세요.

[code]

<?php
if ($view['file'][0]['file']) {
    $mp_percent = 100;
    $mp34_file = $view['file'][0]['path']."/".$view['file'][0]['file'];
    $mp34_type = substr($mp34_file, -1) == 4 ? "video" : "audio";
    echo "
        <script>
        document.write('<div id=mp34Player style=text-align:center></div>');
        mp34Player.innerHTML = '<$mp34_type style=width:' + $mp_percent + '%;margin-left:' + (100 - $mp_percent) / 2 + '%;display:block src=$mp34_file controls loop controlsList=nodownload></$mp34_type>';
        </script>
    ";
}
?>

[/code]

여기서 $mp_percent = 100; 는 가로 퍼센트값이니...

여분필드를 하나 만들어서 게시글마다 원하는 가로 퍼센테이지로 설정을 해 주세요.

세로는 알아서 가로에 맞추어져 먹습니다.

$mp_percent = 여분필드_1;

만일 mp3 나 mp4 를 올리지 않고 이미지나 다른 파일만 올릴 때는...

1번 파일은 업로드하지 말고 2번파일부터 업로드하면 되겠습니다.

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

2021년 7월 30일 오전 11시 30분에

미디어의 가로 퍼센트값을 여분필드로 등록하는 방법을 1번 여분필드를 사용하여 추가로 올립니다.

미디어 위치(좌측, 중앙, 우측) 옵션도 2번 여분필드에 라디오버튼으로 선택하게 하였습니다.

write.skin.php <div class="write_div"> 의 상단에 아래처럼 기입합니다.

[code]

<div><input type=text class="frm_input full_input required" name=wr_1 value="<?php echo $write['wr_1']; ?>" placeholder=가로%></div>
<div class="frm_input full_input" style=display:flex;align-items:center;margin-top:10px>
    <input type=radio name=wr_2 value="left"<?php echo ($write['wr_2'] == "left") ? " checked" : ""; ?> required>좌측형
    <input type=radio name=wr_2 value="center"<?php echo ($write['wr_2'] == "center") ? " checked" : ""; ?> required style=margin-left:5px>중앙형
    <input type=radio name=wr_2 value="right"<?php echo ($write['wr_2'] == "right") ? " checked" : ""; ?> required style=margin-left:5px>우측형
</div>

[/code]

view.skin.php <div id="bo_v_con"> 의 상단에 아래처럼 기입합니다.

[code]

<?php
if ($view['file'][0]['file']) {
    $mp_percent = $view['wr_1'];
    $mp_align = $view['wr_2'];
    if ($mp_align == "left") $mp_margin = 0;
    else if ($mp_align == "right") $mp_margin = 100 - $mp_percent;
    else $mp_margin = (100 - $mp_percent) / 2;
    $mp34_file = $view['file'][0]['path']."/".$view['file'][0]['file'];
    $mp34_type = substr($mp34_file, -1) == 4 ? "video" : "audio";
    echo "
        <script>
        document.write('<div id=mp34Player></div>');
        mp34Player.innerHTML = '<$mp34_type style=width:' + $mp_percent + '%;margin-left:' + $mp_margin + '%;display:block src=$mp34_file controls loop controlsList=nodownload></$mp34_type>';
        </script>
    ";
}
?>

[/code]