|
VR파노라마 & VR오브젝트 업로드 방법입니다.
1. 3DVR 갤러리에 VR 컨텐츠 포스팅하는 방법
에디터창의 우측 상단에 HTML을 체크하고 아래와 같이 복사해서 넣으시면 됩니다.
아래의 소스로 포스팅을 하게 되면..
익스플로어에서는 정상작동을 하지만 크롬이나 모바일에서는 아예 화면이 보이지를 않습니다.
파노라마 이미지를 같이 올려서 링크를 하셔야 할 것 같습니다..
-------------------------------------------------------------------------------------------------------------------
<object width="700" height="500" data="VR컨텐츠가 올려진 주소" type="image/x-icon">
</object>
-------------------------------------------------------------------------------------------------------------------
예제
<object width="640" height="360" data="http://shino.co.kr/vr/72/tour.html" type="image/x-icon">
</object>
-------------------------------------------------------------------------------------------------------------------
2. 구글드라이브에 파노라마 컨텐츠 업로드하고 포스팅하는 방법
에디터창의 우측 상단에 HTML을 체크하고 아래와 같이 복사해서 넣으시면 됩니다.
구글드라이브에 올려진 컨텐츠를 포스팅하는 서비스를 구글에서 종료하였습니다.
아이프레임으로 포스팅하는 서비스를 다음에서 2017년 1월 10일부로 종료하였습니다.
-------------------------------------------------------------------------------------------------------------------
<iframe width="100%" height="550" src="https://www.googledrive.com/host/구글드라이브에 올려진 컨텐츠의 폴더주소" frameborder="0" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
-------------------------------------------------------------------------------------------------------------------
파노라마 풀스크린으로보기 버튼 만들어서 주소링크 할때..
https://www.googledrive.com/host/구글드라이브에 올려진 컨텐츠의 폴더주소
(예제)-------------------------------------------------------------------------------------------------------------
파노라마투어로 제작된 폴더에 있는 tour.html 문서 이름을..
index.html로 바꾸어서 구글드라이브에 폴더채 드래그해서 업로드 합니다.
파노라마투어로 제작된 폴더이름이 room 이였다면 room 폴더를 선택하면..
아래와 같은 경로가 주소창에 표시됩니다.
https://drive.google.com/drive/folders/0B9-Yxzqcjm9zSlZlMXN6X3FrVTQ
이 주소에서 맨 마지막에 있는 0B9-Yxzqcjm9zSlZlMXN6X3FrVTQ 이 경로만 아래의 아이프레임 소스에 붙여넣기 합니다.
<iframe width="100%" height="550" src="https://www.googledrive.com/host/0B9-Yxzqcjm9zSlZlMXN6X3FrVTQ" frameborder="0" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
-------------------------------------------------------------------------------------------------------------------
3. 파노라마 컨텐츠를 .SWF 단파일로 제작해서 게시판에 파일첨부로 포스팅하는 방법
에디터창의 우측 상단에 HTML을 체크하고 아래와 같이 복사해서 넣으시면 됩니다.
소스코드
-------------------------------------------------------------------------------------------------------------------
<embed width="100%" height="500" src="업로드된 작품의 주소" quality="high" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowNetworking="internal"/>
-------------------------------------------------------------------------------------------------------------------
업로드된 작품의 주소를 복사하게 되면..
http://cfile296.uf.daum.net/attach/1765A8455017625403059D 라는 주소가 생성이 됩니다.
여기서 attach를 media 라고 아래와 같이 수정한 후에...
http://cfile296.uf.daum.net/media/1765A8455017625403059D
위 소스코드에 업로드된 작품의 주소라고 한글로 써있는 부분에 붙여넣기 합니다.
아래의 소스코드는 업로드된 작품의 주소를 붙여넣기 하여 완성된 코드입니다.
-------------------------------------------------------------------------------------------------------------------
<embed width="100%" height="500" src="http://cfile296.uf.daum.net/media/1765A8455017625403059D" quality="high" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowNetworking="internal"/>
-------------------------------------------------------------------------------------------------------------------
주의!
큐빅판 클럽에 작품을 올리실때는..
반드시 하나의 swf파일로 만들어진 단일파일이어야 합니다.
또한 단일파일로 제작된 swf파일의 용량은 10MB가 넘지 말아야 합니다.
하나의 swf파일로 파노라마를 만들 수 있는 툴은..
Pano2VR과 Krpano툴이 있습니다. 두 프로그램 모두 상용프로그램입니다.
Pano2VR은 http://gardengnomesoftware.com에서 구입하실 수 있으며..
데모버전으로 swf파일을 만들어서 카페에 올릴 수 있으나 데모버전은 파노라마 이미지에 Pano2VR로고가 찍혀서출력됩니다.
Krpano툴은 http://www.krpano.com에서 구입하실 수 있으며..
데모버전인 경우에는 데스크탑에서는 실행이 되지만 카페(웹)에 올리면 라이센스 에러라는 문구가 나타나고 실행이 안됩니다.
-------------------------------------------------------------------------------------------------------------------
3. 그러면 게시판에 업로드된 작품의 주소를 어떻게 알 수 있는지 설명해 드리겠습니다.
작품을 제작하게 되면 플래쉬 파일로 제작을 하여야 하며..
단일 파일로 제작이 되어야 합니다. 단일 파일의 최대 용량은 10MB 이하로 제작 되어져야 합니다.
3_1. 좌측 커뮤니티 메뉴에서 3DVR 갤러리를 클릭해서 3DVR 갤러리 게시판이 열리면 글쓰기 버튼을 클릭합니다.
3_2. 올리실 작품의 종류를 선택하시고.
3_3. 작품의 제목을 입력합니다.
3_4. 작품의 종류와 작품의 제목입력이 끝이나면 파일버튼을 클릭합니다.
3_5. 작품의 종류와 작품의 제목입력이 끝이나면 파일버튼을 클릭합니다.
3_6. 파일첨부창이 열리면 파일추가 버튼을 클릭해서 업로드할 작품이 위치해 있는 장소를 클릭합니다.
3_7. 업로드할 작품이 있는 폴더를 선택해서 업로드할 파일을 선택하고 열기 버튼을 클릭합니다.
3_8. 열기버튼을 클릭하면 파일첨부창에 업로드될 파일이 창에 등록이 됩니다. 파일을 확인하시고 하단에 있는 등록 버튼을 클릭합니다.
3_9. 등록버튼을 클릭하면 글쓰기 앱력창에 업로드할 작품이 업로드됩니다. 업로드파일을 확인하시고 하단에 확인 버튼을 클릭하세요.
3_10. 확인버튼을 누르면 올리신 파일이 게시판에 등록이됩니다. 목록보기를 눌러서 게시판에 등록된 작품을 확인합니다.
3_11. 확인버튼을 누르면 올리신 파일이 게시판에 등록이됩니다. 목록보기를 눌러서 게시판에 등록된 작품을 확인하고 게시물을 다시 클릭합니다.
3_12. 게시물을 확인해 보면 아래와 같이 업로드된 작품이 조그마한 창으로 구동이 되구요..여기서 하단에 보이는 첨부된파일 이라는 텍스트를 클릭합니다.
3_13. 첨부된파일 이라는 텍스트를 클릭하게되면 업로드된 작품의 파일이 보이고 그 옆에 다운로드라는 텍스트가 보이게 됩니다. 다운로드라는 텍스트를 클릭합니다.
3_14. 파일받기창이 뜨면서 업로드된 파일의 이름이 보입니다. 여기서 파일의 이름위에 커서를 가져다 놓고 마우스 우측버튼을 클릭하고 하단에 있는 속성이라는 텍스트를 클릭합니다.
3_15. 자..이제..업로드된 파일의 주소가 이제 보이게 됩니다.이놈을 찾기 위해 이렇게 개고생을 하는 겁니다....ㅠ..ㅠ..ㅠ...이 주소를 복사해서 메모장에 붙여넣기를 합니다.
3_16. 이 주소를 복사해서 메모장에 붙여넣기를 합니다.
업로드된 작품의 주소를 복사하게 되면..
http://cfile261.uf.daum.net/attach/126BBA3E501778DB04F21D 라는 주소가 생성이 됩니다.
여기서 attach를 media 라고 아래와 같이 수정한 후에...
http://cfile296.uf.daum.net/media/1765A8455017625403059D 로 수정합니다.
위 소스코드에 업로드된 작품의 주소라고 한글로 써있는 부분에 붙여넣기 합니다.
소스코드
-------------------------------------------------------------------------------------------------------------------
<embed width="100%" height="500" src="업로드된 작품의 주소" quality="high" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowNetworking="internal"/>
-------------------------------------------------------------------------------------------------------------------
<embed width="100%" height="500" src="http://cfile296.uf.daum.net/media/1765A8455017625403059D" quality="high" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowNetworking="internal"/>
-------------------------------------------------------------------------------------------------------------------
3_17. 완성된 소스코드를 집어넣기 위해서..올리신 게시물을 열고 수정버튼을 클릭합니다.
3_18. 완성된 소스코드를 집어넣기 위해서..올리신 게시물을 열고 수정버튼을 클릭합니다. 아래와 같이 업로드된 파일이 보입니다.
3_19. 우측에 HTML 박스를 체크하게 되면 글쓰기창에 3중의 코드가 나오게 되는데요..전체 선택해서 지우시고 위에 만들어 놓은 소스 코드를 입력합니다.
3_20. 우측에 HTML 박스를 체크하게 되면 글쓰기창에 3중의 코드가 나오게 되는데요..전체 선택해서 삭제하시고 위에 만들어 놓은 소스코드를 입력한 후에 하단에 있는 수정버튼을 클릭하면 끝이납니다.
3_21. 게시물이 수정되었다는 창이 보이게 되구요..목록보기로 이동합니다.
3_22. 업로드된 게시물이 보이실 거구요..게시물을 클릭하시면 업로드가 잘 되었는지 확인 하실 수 있습니다.
3_23. 게시물을 클릭하시면 업로드가 잘 되었는지 확인 하실 수 있습니다.
한두변 올리게 되면 소스코드만 복사해서 주소 변경하고 올리는 과정을 아주 쉽게 하실 수 있으실 겁니다.
고생하셨습니다.
첫댓글 설명이 어려우시면 원격신청 하세요..
플래쉬파일 만드는법과..
업로드 하는 방법을 원격으로 지원해 드리겠습니다.
위에 제작된 플래쉬 파일은 KRpano 프로그램으로 제작되어졌습니다.
간단하게 만들 수도 있을텐데 엄청 복잡하네요~~ ㅠㅠ
처음 하시는 분들을 위해서 만들었는데요..
사실 축소하려면 더 축소도 가능하구요..
박사님께서 간단하게 만들어 주세요...ㅎ.ㅎ.
잘 배웠습니다.
감사합니다.^^
도움이 되셨다는 댓글에 많은 힘을 얻곤 합니다...
감사합니다.
어제 원격지원 받아서 웹용 뷰어로 가능한 swf파일까지 만든후...
블러그나 카페에 올리는 방법을 박성수님 글로 배웠고요^^
지금 궁금한 점은...
첫 화면에서 줌기능과 자동회전 소스를 찾고있는데요...
어디에 있는지 모르겠네요..ㅡㅡㅋ
미노님..
원하시는 기능을 단일파일에 한번에 제작을 하시려면 여러개의 xml 코딩을 하셔야 해서요..
당장 그 기능을 제작하시는 것은 힘드실 것 같구요..
이미 만들어진 제것을 올려 드리겠습니다.
그것을 가지고 수정하시면 될 것 같구요..
이번주까지 올려드리겠습니다.
혹시 프로그램을 잘 하시는지요..?..
아...네~
감사합니다. 어리버리 컴맹입니다.^^
프...프....말도 더듭네요...ㅎㅎ
다행이라고 하면 뭐 하지만..잘 되었습니다...저도 컴멩이라서요..
원래 처음 배우실때는 같은 수준에 있는...
저같은 사람이 딱일겁니다....ㅋ...ㅋ...
제 주변에는 전문적인 분들이 많으셔서 그분들 따라가는 것이 너무 힘들거든요..
미노님은 일단 저하고 코드가 맞으실 것 같습니다....ㅎ.ㅎ.
다음 모임에 기회가 되면 꼭 참석 할 생각입니다.^^
머리가 꼬져소 몸으로 움직이는 편이거든요...ㅡㅡㅋ
혹, 실레가 되지 않는다면요...
제가 촬영을 잘못한건지 아니면 프로그램상에 문제인지 궁금해서 그럽니다.
어떤 촬영은 PTGUI에서 스티칭후 DevalVR_player에서 정상적으로 보이는 것과 에러가 나면서 보이지 않는 사진이 있던데요...원인이 무엇인지...
그렇게 잘 못 만들어진 파노라마를 FSPViewer에서는 보이나 좌.우 360도는 이상이 없는데요...
위.아래 꼭지점까지 보여지지 않는 현상이 일어나더라고요...
어제 배운 krpano로 MAKE PANO (SINGLE-SWF) droplet로 생성하는 과정에서 자동으로 변환되지 않고 1,2,3번을 선택을 해준후 각도 360도를 입력해서 만들어진 SWF파일을 실행하면 위 질문처럼 바닦과 천정에 꼭지점까지 도달하지 못하는 현상이 궁금합니다.^^
날씨가 많이 더운데 귀찮게 해드리는 건 아닌지요...
다음에 시원한 맥주로 보답하겠습니다.^^
미노님..
위에 올리신 질문을 질문답변 게시판에 다시 올려 주시면 안될까요..?.
미노님처럼 같은 경우의 분들을 위해서 질문답변을 공유했으면 해서요.
여기 게시판의 성격에 좀 안맞아서요..
죄송합니다.
질문답변 게시판에 다시 올려 주시면 바로 답변드리겠습니다..
알겠습니다.^^
뒤늦게나마 이 글을 통해서 처음으로 VR갤러리에 포스팅을 할 수 있게 되었습니다.
이런 곳을 마련해 주셔서 감사하고, 또 이런 귀한 자료를 나눠 주셔서 감사합니다.
진심으로 고맙습니다.
열심히 공부하고 활동해서 카페에 보탬이 되도록 노력하겠습니다.
한가지 더 궁금한 것은, 이 소스가 Daum 에서만 유효한 소스인가요 아니면 다른 곳, 예를 들면 네이버나 구글 같은 곳에서도 유효한 소스인가요?
네이버도 같은 방법인가요? 까페나 블로그
네이버의 블로그나 카페에 직접 올리시면 PC에서 만 보이게 되구요..
다음의 카페나 티스토리에 올린 후에 네이버 블로그나 카페에 올리시면 모바일에서도 볼 수 있습니다.
단 모바일에 플래쉬프러레이어가 설치되어 있어야 하구요..
----간략태그 사용시(추천! 아래 간략 태그를 사용해서 올려도 대부분 브라우져에서 정상적인 기능으로 포스팅됩니다.)-----
<embed width="100%" height="550" src="첨부파일플래시주소" quality="high" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
----자신의 홈페이지(서버)에 있는 파노라마를 직접 게시할 경우-----------------------------------------------------
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" height="550" width="100%" allowFullScreen="true" src="krpano플래시뷰어주소" flashvars="xml=xml파일주소" />