감사합니다

오, 훌륭한 플러그인! 감사합니다.

감사합니다

잘 활용해보겠습니당

5.3.3 아미나는 지원 가망성이 없겠죠 ㅜㅜ

그누보드 순정으로 들어갔으면 좋겠네요 ㅎㅎ

우성짱님 저도 이거 해보고 싶은데 제 서버 버전이 Server version: 5.7.31-0ubuntu0.18.04.1 - (Ubuntu)이 서버의 ffmpeg은 어떤거를 설치해야 할까요? 초보라서 잘 모르겠어요

감사합니다.

타사이트에서 움짤을 이런식으로 사용하던데...이런거였군요! 감사합니다~

폴더안에

(1) gif2mp4webm.extend.php

 

gif 변환 플러그인을 처음 적용하는 경우 :

 

mp4 파일이 없으면 글 작성시 변환 시작

이 파일을 넣어주고 ffmpeg 도 서버에 설치했습니다.

글쓰기할때 파일 첨부로 gif를 넣어야 변환이 되는건지 궁금합니다.

나리야 사용중에 있습니다.

나리야용 NB-Basic-gif-1.0.1 스킨 받아도 똑같네요 ㅠㅠ

안녕하세요. 제가 초보라서 잘 모릅니다..

현재 오토셋 사용중이구요. 궁금한점이 있습니다.

"서버에 ffmpeg 명령어와 php의 exec() 명령어를 사용할 수 있어야 합니다."

이 부분이.. 단순히 FFMEPG만 설치하면 된다는 뜻인지 궁금합니다^^;

좋은자료 감사히 잘쓰겠습니다.
참고로 모바일에서 가로폭이 넓은것은 짤리는 문제가 있으니 사이즈 부분을
style="width:값;height:값;max-width:100%;"
이런식으로 하면 좋을듯요

그누보드 5.4.2.9 버전 이면 아래코드를 사용시 좀 더 효과적으로 사용할수 있습니다.

add_replace('thumb_image_tag', 'fn_thumb_image_tag_video', 0, 2);

function fn_thumb_image_tag_video($img_tag, $img_info=array()){
    // 리스트 또는 최신글에서 image 움직이는 gif 태그를 video 태그로 변환하는 역할을 한다.
    $imgs = $img_info;
    
    if( isset($imgs['src']) ){
        if( stripos($imgs['src'], G5_DATA_URL) !== false && preg_match('/\.gif$/i', $imgs['src']) ){
            $gif_path = str_replace(G5_DATA_URL, G5_DATA_PATH, $imgs['src']);
            if(function_exists('is_animated_gif') && is_animated_gif($gif_path)){
                
                $mp4_path = preg_replace('/\.gif$/i', '.mp4', $gif_path);

                // mp4 파일이 없으면 image 태그를 리턴
                if( ! file_exists($mp4_path) ){
                    return $img_tag;
                }
                
                $filename = basename($imgs['src']);
                $poster_file = 'poster_'.$filename;
                
                $attribute = '';

                if( isset($imgs['thumb_width']) && $imgs['thumb_width'] < 400 ){
                    $attribute .= ' width = "'.(int) $imgs['thumb_width'].'px" ';

                    if( isset($imgs['thumb_height']) ){
                        $attribute .= ' height = "'.(int) $imgs['thumb_height'].'px" ';
                    }
                }

                $img_tag = '<video poster="'.str_replace($filename, $poster_file, $imgs['src']).'" '.$attribute.' autoplay="autoplay" loop="loop" preload="auto" playsinline webkit-playsinline muted>'.PHP_EOL;
                $img_tag .= '<source src="'.preg_replace('/\.gif$/i', '.mp4', $imgs['src']).'" type="video/mp4" />'.PHP_EOL;
                $img_tag .= '</video>'.PHP_EOL;
            }
        }
    }

    return $img_tag;
}

add_event('tail_sub', 'convert_google_image_link', 0, 0);

function convert_google_image_link(){
    global $wr_id, $board;
    
    // a.view_image 셀렉터 안에 비디오태그가 있으면 클릭 이벤트를 해제한다. 
    if ( isset($wr_id) && $wr_id && isset($board) && $board ) {
    ?>

<script>
(function($) {
$(document).ready(function() {
    if( $("a.view_image").length ){
        $("a.view_image").each(function(index, item){
            
            var $this = $(this);
            if( $this.find("video").length ){       // 비디오 태그가 있다면
                $this.off("click");     // 클릭 이벤트를 해제한다.
            }
        });
    }
})
})(jQuery);
</script>
    <?php
    }
}


add_replace('thumb_view_image_href', 'fn_thumb_view_image_href_gif', 0, 6);

function fn_thumb_view_image_href_gif($file_url, $file, $tmp_bo_table='', $width=0, $height=0, $content=''){
    
    // 보기페이지에서 gif 파일이면 새창링크를 google 이미지 검색으로 변환한다.
    if( stripos($file_url, G5_URL) !== false && preg_match('/\.gif$/i', $file) ){
        $filename = basename($file);
        $poster_file = 'poster_'.$filename;
        
        $parts = parse_url($file_url);
        parse_str($parts['query'], $query);
        
        $decode_file_url = (isset($query['fn']) && $query['fn']) ? $query['fn'] : '';

        $editor_file = '';
        if( stripos($decode_file_url, G5_DATA_DIR.'/'.G5_EDITOR_DIR) ){
            $editor_file = strstr($decode_file_url, G5_EDITOR_DIR);
            $real_fileurl = G5_DATA_URL.'/'.$editor_file;
        } else if( stripos($decode_file_url, G5_DATA_DIR.'/qa') ){
            $editor_file = strstr($decode_file_url, 'qa');
            $real_fileurl = G5_DATA_URL.'/'.$editor_file;
        } else {
            $real_fileurl = G5_DATA_URL.'/file/'.$tmp_bo_table.'/'.$filename;
        }

        return 'https://www.google.co.kr/searchbyimage?site=search&amp;image_url='.str_replace($filename, $poster_file, $real_fileurl);
    }

    return $file_url;
}

좋은자료 정말 감사합니다.

오라클클라우드 세팅하고 적용해봤는데,
오라클클라우드가 사양이 딸리는지 webm로 변환되는 시간이 상상이상으로 너무 오래 걸리네요.
mp4로 변환도 50초 정도 걸립니다.
원본자료(링크1) 로 변환하면 10초 정도 걸리고요.

그리고 글 삭제시 생성된 webm은 삭제되지 않고 data 폴더안에 그대로 남아 있습니다.

음 mp4는 생성하는데 webm는 생성못하면 무슨 이유일까요?

멋진 플러그인 감사합니다 ^^

신기하네요...!

이 플러그인은 글 작성과 무관하게 data 파일 내 gif파일이 존재하면 지속적으로 MP4, WEBM 그리고 포스터 파일을 만들고 게시글을 볼 때 첨부된 gif가 아닌 MP4, WEBM으로 재생되도록 후킹시켜주는 방법으로 알고 있습니다
그런데 Gif를 MP4, WEBM으로 변환 작업하는 이유가 트래픽 쪽으로만 반영되어 있는 것 같아 개인적인 소견으로는 글 작성 시 DB자체에 변환해서 입력하고 서버 용량을 차지하는 GIF 자체는 삭제하도록 하는 방법을 생각해 보고 있습니다.
짧은 실력으로 write.update.php을 이용해서 작업해 보았는데요
글 작성(gif 파일 첨부나 에디터에 업로드) > 글 수정 > 글 작성(이미지 태그를 비디오 태그로 변환 DB에 등록, 원 gif 삭제)해야만 변환되어 DB에 입력이 되는 것이 당연한 이치인 것 같은데 방법이 통 떠오르지 않습니다
어떠한 방법이 있을지 한번쯤 고민해 보신 분이나 저와 같은 생각으로 해결을 본 분들의 소중한 의견을 듣고 싶습니다

원 제작자님의 글에도 댓글을 달았는데 이곳에도 조금 수정해 댓글을 올려 봅니다

윈도우서버에서 사용하려 하는데, ffmpeg가 설치되었음에도 불구하고 exec 명령어가 먹히지 않는지 파일 생성이 안되네요ㅠㅠㅠ 해결방법이 있을까요? 수많은 구글링을 했음에도 해결이 안되네요ㅜㅜ

우성님 웹호스팅(cafe24) 이용중인데, cafe24측에 ffmpeg를 설치요청하였더니 www상위 bin폴더내에 ffmpeg 바이너리형태로 제공받았는데 이걸로 적용시킬수도있을까요?

나리야 테스트 중인데 나리야는 아직 업데이트가 안되었나보내요
테스트는 최신버전이고
그누보드 갤러리 게시판은 적용완료
갤러리 게시판 반응형으로 다른분이 만들어 놓으신 eltree-gallery-responsive

if($thumb['src']) {
    $img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" >';
 } else {
    $img_content = '<span class="no_image">no image</span>';
 }

 echo $img_content;
 }

echo run_replace('thumb_image_tag', $img_content, $thumb);

요부분 변경해주니 적용이 되던데 나리야는 썸네일 부분을 따로 지정을 해놔서 어떻게 해야될지 감이 안잡히내요

안녕하세요
그누보드 5.1.1 버전에서 적용이 가능할까요? 테스트해보려 했는데 도저히 안되네요 ㅜㅜ
버전이 너무 달라서 안될것 같기도하고..
에디터는 ckeditor4 사용중입니다.

???

5.33 버전이 시급합니다 ㅠ.ㅠ 아미나 유저는 울고 가요 이제와서 나리야로 갈아탈수도 없고

좋은 플러그인 감사합니다
이번에 나리야로 홈피 만들어 보려고하는데 댓글이 적용이 안되네요
다른 건 다 적용 됐는데 댓글에는 그냥 gif 그대로 출력되네요
혹시 아는 부분 있으면 알려주시면 감사하겠습니다

감사합니다

모바일에서 짤리는 부분은 어떻게 해결해야 할까요?