gfycat.com 把 GIF 動畫檔轉為 HTML5 影片的免費網頁服務

gfycat.com 把 GIF 動畫檔轉為 HTML5 影片的免費網頁服務

想要在自己的網頁中來播放動畫或影片,方法很多,可以利用 Flash 來包裝也可以將影片轉成 GIF 動畫檔或是直接將影片上傳到影音服務網站像是 Youtube 後來取得嵌入網址再放到自己的網頁中。不過這樣的作法,隨著主流瀏覽器開始支援 HTML5 的普及後,想要將影片放到網頁中,也變得容易。以往若網頁有用 GIF檔,想要改用 HTML5 來節省頻寬,現在你就可以透過 gfycat.com 網站所提供的 GIF 動畫檔轉為 HTML5 影片的免費服務,輕鬆完成。

§相關文章,還可以參閱:

如何使用 gfycat.com?

1.進入網站,點擊[ Upload ]來選擇影片或檔案的來源。

gfycat.com 把 GIF 動畫檔轉為 HTML5 影片的免費網頁服務

gfycat.com 把 GIF 動畫檔轉為 HTML5 影片的免費網頁服務

3.以 Youtube 影片為例,只要輸入影片網址,接下來就會得到一個影片網址。

gfycat.com 把 GIF 動畫檔轉為 HTML5 影片的免費網頁服務

範例網址:https://gfycat.com/RelievedParallelAchillestang

以下為舊版

1.使用瀏覽器開啟 http://gfycat.com/ 網站後,畫面中央的計數器,會顯示目前已經節省的網路頻寬。接下來選擇 GIF 檔案來源,若想直接轉換網路上的圖片,可點擊[Fetch a URL]後貼上圖片的網址來進行轉檔,若是要使用電腦中的檔案,可點擊[Upload your .gif]。

gfycat.com 把 GIF 動畫檔轉為 HTML5 影片的免費網頁服務

2.接下來便開始上傳與轉檔。

gfycat.com 把 GIF 動畫檔轉為 HTML5 影片的免費網頁服務

3.完成後,便會出現連結、檔案等資訊與播放控制面板,下圖是一個 42 M轉為 5M 的範例。

gfycat.com 把 GIF 動畫檔轉為 HTML5 影片的免費網頁服務

4.點擊[LINKS],可產生 gfy 及 gif 連結網址與 iframe 或 embed 等語法方式將 HTML5 動畫嵌入到網頁中。

gfycat.com 把 GIF 動畫檔轉為 HTML5 影片的免費網頁服務

想要擷取螢幕畫面,可以利用 Windows 作業系統的內建功能來擷取應用程式視窗或是整個螢幕的畫面,而多數的免費應用程式也比上述功能多加入自訂擷取範圍(規則)的功能,如果想要擷取不規則形狀的螢幕畫面,擷圖後,還是要到圖片編輯軟體中進行進行編輯,有點麻煩。若有此需求,可以來使用 Mr.Shot 這套免費的應用程式試試,除了上述功能外,另加入擷取不規則圖形的功能。

微軟的產品,尤其是網路應用這塊,產品不差,卻缺少整合,各產品有各產品的網站,使用者需要分散到不同的網站,才能取得服務,缺少一個像 Google 般的入口網站,讓使用者知道我用了多少微軟的網路產品。不過說歸說,微軟近年也整合不少的應用,像是電子郵件、雲端硬碟空間、即時通訊...等產品。以 SkyDrive 雲端硬碟空間為例,除了原儲存檔案的功能外,也開始整合 電子郵件、文書編輯、協同合作...等功能,逐步加強使用者的依附性。不過 SkyDrive 要改名為 OneDrive 了,至於什麼時候會正式推出,可到微軟 OneDrive 網站,訂閱其通知。