https://szeching.com/tags/krpano/ Recent content in Krpano on 瓶子裡的小狐狸 Hugo zh-Hant Sun, 08 Nov 2015 11:47:15 +0000 https://szeching.com/krpano-video-embed-wordpress-plugin/ Sun, 08 Nov 2015 11:47:15 +0000 https://szeching.com/krpano-video-embed-wordpress-plugin/ <p>krpano 做 Panoramic Video 的時候很麻煩（<a href="https://krpano.com/video/" target="_blank">官網說明太簡單</a>），要自己改一堆東西然後上傳，然後再用iframe的方式在wordpress 文章或者頁面中加載，一整個就煩透了。於是用空閒時間順手做了這個插件，稍微簡化了一下流程。</p> <h2 id="軟體版本">軟體版本：<a class="anchorjs-link" href="#%e8%bb%9f%e9%ab%94%e7%89%88%e6%9c%ac"></a></h2><ul> <li>Wordpress 版本 4.3.1</li> <li>Krpano 版本 1.18</li> </ul> <h2 id="插件下載">插件下載：<a class="anchorjs-link" href="#%e6%8f%92%e4%bb%b6%e4%b8%8b%e8%bc%89"></a></h2><ul> <li><a href="https://github.com/amyuki/krpano-video-plugin" target="_blank">Github</a></li> <li><a href="https://app.box.com/s/q8tcx32bql1yewspivzopqr95rs6z97e" target="_blank">BOX</a></li> </ul> <h2 id="安裝插件">安裝插件：<a class="anchorjs-link" href="#%e5%ae%89%e8%a3%9d%e6%8f%92%e4%bb%b6"></a></h2><ol> <li>文件解壓縮至 <code>/wp-content/plugins/</code></li> <li>將你購買的krpano程序中相應的文件替換掉本插件中的文件，包括 <code>/krpano/krpano.js</code> 和 <code>/krpano/krpano.swf</code> ，（本插件中的文件源自未授權demo版，請自行購買授權）。</li> <li>登錄wordpress後台，並激活插件</li> </ol> <h2 id="使用插件">使用插件:<a class="anchorjs-link" href="#%e4%bd%bf%e7%94%a8%e6%8f%92%e4%bb%b6"></a></h2><ol> <li>將 Panoramic Video 壓制成 1920x960 和 1024x512 尺寸，推薦WEBM格式或MP4格式</li> <li>製作 Panoramic Video 封面縮略圖兩張，尺寸分別為1920x960 像素 和 1024x512 像素</li> <li>將視頻和圖片通過FTP上傳至 <code>/krpano/video</code> 文件夾中</li> <li>點擊編輯器上的按鈕(如下圖所示）在需要嵌入Panoramic Video的地方插入代碼 <figure> <a class="paragraph-image"> <img data-src="https://szeching.com/images/YUKIMINIPC20151108192756.png" data-action="zoom" alt="01" class="lazyload"> </a> </figure></li> </ol> <p><figure> <a class="paragraph-image"> <img data-src="https://szeching.com/images/YUKIMINIPC20151108192959.png" data-action="zoom" alt="02" class="lazyload"> </a> </figure></p>