테스트 사이트 - 개발 중인 베타 버전입니다

페이스북처럼 링크 내용을 따오는 따오기™ 게시판(수정판)

· 9년 전 · 26558 · 52
capture1.PNG
capture2.PNG
capture3.PNG
Thaogi™ Lite

링크1에 주소를 넣으면 해당 페이지의 내용을 따와서 박스로 보여주는 따오기™ 게시판입니다.
따온 이미지를 갤러리 리스트 사진으로 사용하고, 따온 이미지가 없는 경우 첨부 이미지를 사용합니다.

서버 환경에 따라 작동하지 않을 수도 있습니다.

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

지난번 올렸던 초기 버젼에서 많은 부분을 수정했습니다.

jquery로 갤러리 리스트의 이미지 사이즈 조절하려고 삽질하다가 그냥 썸네일을 만드는 것으로 했습니다.
그누보드의 썸네일 함수를 이용해서 이미지 url에서 썸네일을 만들도록 했습니다.

iframe으로 넣은 동영상이 보이지 않는 브라우저에서 이미지라도 출력되게 하기 위해서 이미지를 백그라운드로 깔았습니다.

리다이렉팅 되는 페이지를 따라가서 따오도록 했습니다.
예를 들어 youtu.be로 시작하는 유튜브 공유주소로 접속하면 youtube.com으로 리다이렉팅 되는데 이쪽으로 따라가서 내용을 퍼올 수 있도록 했습니다.

인스타그램의 mp4 동영상의 경우 <iframe>이 아닌 <video>로 재생하도록 하였습니다.

테스트 게시판을 만들었습니다. (테스트 게시판의 스킨은 꾸준히 개선중이므로 첨부의 스킨과 다를 수 있습니다.)
http://btstocking.mooo.com/bbs/board.php?bo_table=thaogi
id : test
pw : test
* 테스트 용도 이외로는 사용하지 마십시오.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 52개

9년 전
감사합니다!!
홈페이지가 굉장히 깨끗하고 단정합니다. ㅎ
열의와 실력 모두를 겸비하셨습니다.
부럽습니다. ^^
9년 전
(_ _); 감사합니다.
8년 전
열의, 실력, 특히 닉네임이 아주 좋습니다 ㅎ
실력자 이시네요 ^^
정말 저에겐 필요한기능이네요 감사합니다...
스크랩합니다^^
9년 전
글 읽기로 들어갔을때, 동영상이 자동으로 재생되려면 어떻게 수정하면 될까요?
autoplay=1 를 넣어주면 되는거 같은데 위치를 모르겠습니다
9년 전
view.skin.php의
[code]
<?php if($view['link'][1]) { ?>
<!-- og box { -->
<div id="og_box">
<?php
if($view['wr_1']) {
if(preg_match("/\.mp4$/", $view['wr_1'])) echo '<video src="'.$view['wr_1'].'" controls></video>';
else echo '<iframe style="background-image: url('.$view['wr_2'].'); background-repeat: no-repeat; background-size: 100%; background-position: center center;" class="wh_16x9" src="'.$view['wr_1'].'" allowfullscreen></iframe>';
}
else if($view['wr_2']) echo '<img src="'.$view['wr_2'].'">';
echo '<a href="'.$view['link'][1].'" target="_blank">';
if($view['wr_3']) echo '<h2>'.$view['wr_3'].'</h2>';
if($view['wr_4']) echo '<p>'.$view['wr_4'].'</p>';
if($view['wr_5']) echo '<h3>'.$view['wr_5'].'</h3>';
echo '</a>';
?>
</div>
<script>
$('.wh_16x9').each(function(){
$(this).css("height", parseInt($(this).width(), 10) * 9 / 16 );
});
</script>
<!-- } og box -->
<?php } ?>
[/code]



[code]
<?php if($view['link'][1]) { ?>
<!-- og box { -->
<div id="og_box">
<?php
if($view['wr_1']) {
if(preg_match("/\.(mp4|ogg)$/", $view['wr_1'], $extn)) echo '<video controls autoplay><source src="'.$view['wr_1'].'" type="video/'.$extn[1].'">비디오를 지원하지 않는 브라우저입니다.</video>';
else {
$video_url = parse_url($view['wr_1']);
if(isset($video_url['query'])) {
parse_str($video_url['query'], $video_query);
if(isset($video_query['auto_play'])) $video_query['auto_play'] = "true";
else $video_query['autoplay'] = "true";
$video_query = http_build_query($video_query);
$view['wr_1'] = $video_url['scheme']."://".$video_url['host'].$video_url['path']."?".$video_query;
}
else $view['wr_1'] = $view['wr_1']."?autoplay=true";
echo '<iframe style="background-image: url('.$view['wr_2'].'); background-repeat: no-repeat; background-size: 100%; background-position: center center;" class="wh_16x9" src="'.$view['wr_1'].'" allowfullscreen></iframe>';
}
}
else if($view['wr_2']) echo '<img src="'.$view['wr_2'].'">';
echo '<a href="'.$view['link'][1].'" target="_blank">';
if($view['wr_3']) echo '<h2>'.$view['wr_3'].'</h2>';
if($view['wr_4']) echo '<p>'.$view['wr_4'].'</p>';
if($view['wr_5']) echo '<h3>'.$view['wr_5'].'</h3>';
echo '</a>';
?>
</div>
<script>
$('.wh_16x9').each(function(){
$(this).css("height", parseInt($(this).width(), 10) * 9 / 16 );
});
</script>
<!-- } og box -->
<?php } ?>
[/code]
로 바꿔 주셔요.

네이버 동영상은 원래 값이 isAutoPlay=true로 되어 있는데도 자동 재생이 안되네요...ㅠㅠ
9년 전
감사합니다. 변태스타킹님! 이제 바로 플레이가 되네요 ^^

잘 사용하겠습니다!!!!
9년 전
혹시 적용하신 사이트를 보여주실 수 있으실까요?

게시글 목록

번호 제목
63027
63014
63008
62999
62953
62943
62941
62936
62908
62907
62892
62879