1. 이 동영상뷰어 에디터는 자바스크립트로 만들지 않고 스위시 스크립트로 만들었습니다. 첨부파일을 다운로드(여길클릭) 받아 압축을 풀고 video_viewer_editor.exe 파일을 실행해 줍니다. 이건 https://cafe.daum.net/Artworld/V8PO/41 의 버전업으로 mp4와, 다음동영상 아이디와 유튜브 아이디 3개가 모두 가능한 트리플 옵션입니다. 단 가로세로 비울은 반드시 16/9 동영상이어야 합니다.
2. 에디터를 다운로드 받아 링크주소를 만들어서 그 링크주소에 링크를 걸어주면 되겠습니다. 아래 그림처럼 가장상단에 mp4주소나 유튜브 또는 다음동영상의 고유아이디를 입력하고 가로픽셀 부분은 원본동영상의 가로사이즈를 입력합니다. 마지막으로 비타주리라는 글자는 본인의 닉네임 등을 기입하세요. 한글도 가능합니다. 링크생성 버튼 누르고 링크복사 버튼 눌러서 링크주소를 카피하여 원하는 곳에 사용하십시오.
|
3. 주소꼬랑지에 비타주리라는 한글이 들어가면 웹규격이 아니라서 문자열 자체를 다음카페 첨부파일 주소의 표현처럼 난독코드(?)로 인코딩하고 에디터에서는 원래의 문자열로 디코딩하였습니다. 솔직히 이 코드를 짜느라고 시간을 엄청나게 투자했습니다. 본인의 이름에 한글옵션이 있는 것이 좋으니까요.
4. 효과음은 클챔에서 만들어 보았습니다. 코드변환보다 반응이 늦은 건 수가 없습니다. 그러려니 하시길...
5. 기본 동영상 코드는 동영상 에디터를 쓰는 분이라면 다 아시는 바와 같이 아래와 같습니다. 링크주소를 바로 써도 좋고 텍스트나 이미지에 걸치기를 해도 되고 본인 마음입니다.
mp4 동영상 - https://va.media.tumblr.com/tumblr_shaoeoZ5181a4xaxn.mp4 - 여길클릭 다음카페 동영상 - rvf4xol0y0f5rn3rzsf59jtdg@my - 여길클릭 유튜브 동영상 - Sf5beToXmvA - https://wittazzurri.com/artworld/video_viewer.php?Sf5beToXmvA*1280*bcc0ld558rb9b0v2122
|
6. 주의사항입니다. 이 뷰어는 자동재생이 안 됩니다 그 이유는 https://cafe.daum.net/Artworld/VGoX/9 를 읽어보세요. 또한 exe 파일은 모바일에서는 실행되지 않습니다. 그래서 이 에디터는 모바일에서는 사용할 수 없습니다.
7. 가로사이즈의 최대픽셀은 1280 이며 이를 초과하는 숫자나 숫자가 아닌 다른 문자를 넣으면 무조건 1280 으로 인식합니다.
7. 마지막으로 디지털서명이 안들어간 exe 파일은 내컴에서 무조건 바이러스로 인식합니다. 디지털서명을 먹이려면 돈이 들어가는데 제가 이런 에디터를 만들때마다 돈을 쓸 수는 없는 문제입니다.^^ 그러니 본인이 사용하는 보안 프로그램을 끄고 다운로드 받으세요. 만일 윈도우에서 이를 막을 경우 아래 그림처럼 진행을 해 주시기 바랍니다.
|
첫댓글 에디터에 사용한 이미지는 이니스님 이미지입니다.
스크립트 및 웹페이지 소스는 https://cafe.daum.net/Artworld/V93J/7 에 있습니다.
동영상 뷰어
감사합니다~~~
늘 다름을 만들어 내시는 코딩박사님
주리님 만만세입니다
추천합니다^^
여러개 이어붙이기인 리스트뷰어도 나중에 만들 생각입니다.
그때는 메인 웹페이지를 본인 계정에 올려서 사용해야 할 거에요.
자바스크립트만 써서 만들기에는 물론 만들수야 있겠지만 너무 리소스 낭비가 커서 혼또 php 문서로 만들려구요.
혼또 php 는 진짜로 계정이 필요합니다.
@비타주리 php 영어만 나와도 머리아파요ㅋ
그냥 주리님이 나눔주시면 전 그걸로 만족합니다만~
php주소가 주리님 계정인것 같아서
카페24계정 있어도 할 줄 모르니ㅋ
그래도 월 500원짜리 없애지 마세요.
카페24가 좋은건 보안주소를 그냥 주는 거에요.
다른 호스팅사는 안 그러거든요.
주리님 수고하신 동영상 뷰어 감사합니다.잘사용하겠습니다.~~추천~~
어이쿠 저야 세티아님이 영 고맙죠.
늘 수고하시는 매니저 주리님 잘 배우며 사용하겠습니다 수고에 감사드립니다~^^
동영상에디터 샘플 세분의 아름다운 작품들도 감상할 수 있어서 좋았습니다. 주리님의 세심한 배려를 보고 느꼈습니다~^^
따지고 보면 이건 오라클님이 원하는 https://cafe.daum.net/tag-world/bP8U/28 같은 걸 만들기 위한 큰그림의 시작입니다.
@비타주리
헐~멋찌다...+_+
긍데 어찌 하는지..전혀 모름요...
더 많은 경험을 쌓아야 하나 봅니다...^^;;
그냥 1분이면 만드는데요?
수고하신 동영상 뷰어 ~ 넘 좋아요 ~ 감사힙니다 ~ ^^
사실 파인이펙트 시절에도 비슷한 걸 만들었지요
동영상뷔어 ~~~감사합니다...... 샘플영상~오른쪽하단에 소피님 영어도 이뿌지만!~시화연님 변하린님 한글로 보여져 이쁘네요 ^^
그냥 단순대입입니다.
와~ 이건 또 뭔가요?
샘플 보니 멋지긴 멋지네요.
이 동영상 뷰어가 정확히 어떤 용도로 쓰이는지 잘 모르겠습니다.
예를 들어서 자료글이나 강좌글 등.
외부동영상을 링크로 걸어야 할 때가 있습니다. 저는 비일비재하지요.
유튜브링크는 별것이 아니나 다음카페 동영상은 링크를 건다는게 좀 고약하죠.
왜냐하면 대부분 다음동영상은 본인의 숨은카페에 올리는데 동영상이 떠있는 그 게시글을 전체공개 후에 링크를 걸면 본인의 숨은카페가 만인에게 공개가 되니까요.
그래서 숨은카페 흔적 보호용이 되면서 동염상 알멩이만 가져다 쓰려고 만든게 이걸 만든 첫번째 취지구요.
둘째 mp4 의 경우 그 주소로 링크를 걸면 바로 동영상이 보여지지만 문제는 우클릭을 막지 못하거든요. 물론 소스보기를 하면 우클릭을 우회할 수 있지만
소스보기도 할 줄 모르는 컴맹탕 내공을 가진 사람이 개나소나 내자료를 함부로 다운로드 받이간다는게 기분이 좀 그렇잖아요.
세째는 아트월드라는 출처표기 때문입니다.
링크자료가 마구 퍼날라져서 울 카페에 도움도 안 주고 저랑 일면식도 없는 사람이 링크자료를 이용할 때 아트월드 비타주리의 자료라는 걸 표기하기 위해서입니다.
카페링크를 건 이유지요.
하린님이 정성들여 캘리강좌를 동영상으로 만들었는데 그게 마구 퍼날라져서 죽 쑤어서 개 주는 상횡 같은걸 최소한 방지하려고 만든 거죠
@비타주리 자세한 설명 정말 감사합니다.
이제 좀 이해가 되네요.
역시 척척박사 울 주리님이십니다.^^
ㅎ ㅑ 하린님의 질문과 주리님의 시원한 답변이 궁금증이 해소 됩니다. 우야둥둥~~~~~ 울 지기님은 대단해용~~~~
나중에 디맘님의 완결된 강좌 모두를 https://cafe.daum.net/Artworld/V9Gw dlrjtdmf 하나의 웹페이지에 모두 담아내는 "단순대입" 코드가 풀리면. 아하 이런걸 만들기 위한 기초였구나라는 걸 느끼게 될 거에요.
비타주리님의 후륭한 작품 공개 해주시는데 너무 감사합니다
한번 해 보고 싶은데 성공 확율은 대단히 적을것 같으나
시도는 해보는데 몇달이 걸려도 될까? 자신이 없으니....
하지만 꼭 시도는 해보겠습니다
너무 감사합니다
1분짜리 단순대입입니다. 이것보다 쉬운 설명은 불가능합니다.^^
귀한 자료 감사합니다.
날로 먹는 거고 만드는 건 일분입니다