여분필드를 이용한 리스트에 음악넣기

list.skin.php에 음악은 넣어보았습니다.

여분필드 10번을 사용하였습니다.

list.skin.php

[code]<th scope="col">번호</th>
          <th scope="col">제목</th>
          <th scope="col">Music</th>
            <th scope="col">글쓴이</th>

중략

<!--  음악넣기 시작  -->
<td class="td_name sv_use" style=text-align:center>          
<?php if($list[$i]['wr_10']){?> 

<div style="width:30px;height:30px;overflow:hidden;box-sizing:initial;border-radius:50%;border:1px solid #cccccc;margin:0 auto">
<audio style=height:30px;margin-left:-11px src="<?php echo $list[$i]['wr_10'] ?>"  loop controls></audio>
</div>

  <?php }?>
</td>
<!--  음악넣기 종료  -->

       
            <td class="td_name sv_use" style=text-align:center><?php echo $list[$i]['name'] ?></td>
            <td class="td_num"><?php echo $list[$i]['wr_hit'] ?></td>[/code]

글쓰기에서 mp3파일 주소를 적어줍니다.

예:http://example.com/music/josumi.mp3

write.skin.php

[code]<!-- 썸네일 프리 -->
<input type=text class="frm_input full_input" name=wr_9 value="<?php echo $write['wr_9']; ?>" placeholder=썸네일주소:wr_9>
      
      
<!-- 리스트에 음악넣기 -->
<input type=text class="frm_input full_input" name=wr_10 value="<?php echo $write['wr_10']; ?>" placeholder=Music:wr_10>[/code]

첨부한 파일을 압축풀면 list_music_pc, list_music_mobile 두개의 폴더가 나옵니다.

각각 그누보드 순정기준으로 list_music_pc은 skin/board/list_music_pc가되게, 

list_music_mobile은 mobile/skin/board/list_music_mobile이 되게 업로드합니다.

적용하는 방법은 일반적인 게시판을 적용하는 방법과 같습니다.

여분필드 wr_9은 리스트에 썸네일을 넣는 것입니다. 사진주소를 넣으시면 됩니다.

[code]<!-- 음악넣기 시작 -->
<?php if($list[$i]['wr_10']){?> 
<div style="width:30px;height:30px;overflow:hidden;box-sizing:initial;border-radius:50%;border:1px solid #cccccc;margin:0 auto;">
<audio style=height:30px;margin-left:-11px src="<?php echo $list[$i]['wr_10'] ?>"  loop controls></audio>
</div>
<?php }?>
<!-- 음악넣기 종료 -->[/code]

에서 반복 재생을 원하지 않으시면 loop를 빼시면되고 자동재생을 원하시면 autoplay를 넣으시면 됩니다.