그누보드 게시판 본문 내 MP3 및 MP4 미디어 파일 직접 재생 구현하기

• 목록
• 스크랩

그누보드 게시판 본문 내 MP3 및 MP4 미디어 파일 직접 재생 구현하기

그누보드 게시판에서 첨부된 MP3와 MP4 파일을 다운로드 링크 대신 본문 영역에서 HTML5 미디어 플레이어로 직접 재생하고 권한별 다운로드를 제어하는 방법을 알아봅니다.

그누보드 게시판 본문 상단 MP3 및 MP4 미디어 파일 직접 재생 구현하기

그누보드5 기본 게시판 스킨을 사용할 때 첨부파일로 업로드한 MP3나 MP4 파일은 기본적으로 다운로드 링크로만 표시됩니다. 이를 본문 영역에서 직접 재생되도록 수정하려면 view.skin.php 파일을 수정해야 합니다.

1. 적용 전 백업

• 수정을 진행하기 전 반드시 원본 view.skin.php 파일을 백업하십시오.

2. 본문 영역 미디어 플레이어 출력 설정

게시물 본문 상단 영역에 동적 확장자 체크 로직을 추가하여 첫 번째 첨부파일이 MP4 또는 MP3일 경우 브라우저 내에서 직접 재생되도록 설정합니다.

<?php
if ($view['file'][0]['file']) {
    $mp34_fileinfo = pathinfo($view['file'][0]['file']);
    $mp34_ext = $mp34_fileinfo['extension'];
    if ($mp34_ext=='mp4') {
        echo "<video style=\"width:100%;display:block\" src=\"{$view['file'][0]['path']}/{$view['file'][0]['file']}\" controls loop controlsList=\"nodownload\"></video>";
    } elseif ($mp34_ext=='mp3') {
        echo "<audio style=\"width:100%;display:block\" src=\"{$view['file'][0]['path']}/{$view['file'][0]['file']}\" controls loop controlsList=\"nodownload\"></audio>";
    }
}
?>

3. 적용 후 확인

• 게시판 상세 페이지에서 미디어 플레이어 출력 여부를 확인하십시오. 상세 점검 절차는 아래 '상황별 판단 및 행동 가이드'를 참고하십시오.

그누보드 첨부파일 목록 다운로드 제한 설정

첨부파일 리스트 영역에서 관리자와 일반 사용자의 권한에 따라 다운로드 링크를 다르게 제어하려면 view.skin.php 파일 내 첨부파일 출력 반복문 주변에 권한 체크 로직을 추가합니다.

적용 코드 예시

<?php
for ($i=0; $i<count($view['file']); $i++) {
    if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) {
        $mp34_fileinfo = pathinfo($view['file'][$i]['file']);
        $mp34_ext = $mp34_fileinfo['extension'];
        if($i<2 && ($mp34_ext=='mp3' || $mp34_ext=='mp4')) {
            if ($is_admin) {
                // 관리자용 다운로드 링크 출력
            } else {
                // 일반 사용자 다운로드 제한 안내 출력
            }
        }
    }
}
?>

적용 후 확인

• 일반 사용자 계정으로 로그인하여 다운로드 제한이 정상적으로 동작하는지 확인하십시오.

참고자료

기타 참고자료

• mercury-seed.com — 그누보드 게시판 본문 내 MP3 및 MP4 미디어 파일 직접 재생 구현하기