2013年11月22日 星期五

如何使用HandBrake轉Html5相容的MP4

可能會有些人想說這麼麻煩,還要打指令,沒有圖形介面的轉檔嗎?

來來,這裡介紹一套跨平台的轉檔軟體『Handbrake』點我進入下載頁面
這軟體支援Windows,Mac,Linux(僅uBuntu有支援圖形介面),
下載以後打開會長這個樣子:


那要怎麼轉檔呢?

1.把你要轉檔的檔案拖進軟體
2.按Browse選擇你要儲存的地方跟檔名
3.Presets選擇『iPhone & iPod touch』
4.output settings 選擇 MP4 ,並且將Web Optimized打勾

其實以上按圖做就好嚕~

最後點下Start等他轉檔完成就可以了。

是不是比指令簡單多了呢?

2013年10月31日 星期四

ffmpeg使用指令轉檔



最近聽說Youtube伺服器是使用ffmpeg來做轉檔的動作,
所以稍微研究了一下,
發現除了他有指令可以做轉檔以外,還有神人提供了Java Code可以轉檔

不過這篇先說明ffmpeg指令轉檔的部分。

常用到的參數有下面幾個:
-i : 指輸入的檔案名稱,只要系統中有相對應的codec,就能使用多種格式。
-f : 強迫輸出的檔案格式。
-vcodec : 指定影像的編碼格式,這裡的libxvid指的是一般所說的xvid。
-acodec : 指定聲音的編碼格式,libmp3lame就是常用的mp3格式。
-ar : 指定聲音的取樣頻率,一般預設是44100。
-s : 畫面的解析度,格式是 wxh。
-ac : 設定聲音的聲道數。
-r : 設定fps。
-ab : 指定聲音的bitrate。
-b : 指定影像的bitrate。
-y : 強制蓋過檔案。
-pass  :  開啟2pass*模式。
-cpu-used : 設定CPU數量。
-threads : 設定執行緒數量。

那我要怎麼使用呢?

pass1:
./ffmpeg -y -i input_video.mp4 -b 5000k -s 1280x720 -cpu-used 2 -threads 4 -pass 1 -f webm output.webm

pass2:
./ffmpeg -y -i input_video.mp4 -b 5000k -s 1280x720 -cpu-used 2 -threads 4 -pass 2 -f webm output.webm


上面的指令是在說,我將輸入的影片轉成720P的影片格式,影像的bitrate為5000k,使用兩顆CPU,開啟四個執行緒,使用2pass模式,影片格式指定為WebM*,輸出檔名為output.webm。

是不是很簡單阿?那來嘗試解釋看看下面的指令在說甚麼呢?

./ffmpeg -y -i /input_video.mp4 -b 5998k -s 1920x1080 -vcodec mpeg4 -vtag XVID -acodec libmp3lame -cpu-used 2 -threads 4 -pass 1 output.avi

這個的意思是說,我將我輸入的影片轉成1080P,影像的bitrate為5000k,使用兩顆CPU,開啟四個執行緒,使用2pass模式,影片格式指定為avi(使用XVID),聲音格式使用mp3。

你答對了嗎?





*1 : 什麼是2pass?
2 pass 需要運算兩次,先進行一次全局的計算,收集畫面資料,並將這些資料記錄到暫存區。第二次重新收集畫面資料,並比對記錄先前的資料,得到最佳化的數據,進而正式進行運算,壓縮生成影像檔。
2 pass 透過第一次計算的資料收集,可以讓需要高碼流的運動畫面,可以擁有更多的資料流,來保證畫面品質。而對於連續的靜態畫面,則可以降低它的碼流。2 pass 模式可以在影片容量與畫面品質之間得到最佳平衡點。

*2: 什麼是WebM?
請參考Wiki - WebM

2013年10月29日 星期二

Google Analytics 事件教學 - 以Youtube為例

GA提供了一個事件的功能,能讓你從中看到我的文件被下載了幾次,
影片被看了幾次,E-Mail寄送了幾次,甚至是按鈕被按下了幾次都可以記錄起來,
其中看到最好玩的大概就是Youtube的部分,除了可以看到被撥放了幾次以外,
還可以看到撥完了幾次,這功能實在是太好玩了!

這功能要用,主要有兩個部分要看:

1.Youtube APIs : https://developers.google.com/youtube/iframe_api_reference
2.GA 追蹤代碼 For Javascript : https://support.google.com/analytics/answer/1008083

當中要用這樣的追蹤,要先將本來從.js追蹤資訊->追蹤程式碼中得到的程式碼替換成以下程式碼,才可以使用_gaq.push喔:

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

然後再從Youtube Player API中看到有以下的Event可以抓取:

  • YT.PlayerState.ENDED
  • YT.PlayerState.PLAYING
  • YT.PlayerState.PAUSED
  • YT.PlayerState.BUFFERING
  • YT.PlayerState.CUED
當使用者改變了Youtube Player的狀態時,可以從Event中抓取這幾個狀態,
這時,我就可以從中設定GA的追蹤event,比如說按下撥放以後我要記錄到GA,
那麼代碼就會像下面這樣:

  • if(event.data ==YT.PlayerState.PLAYING){
        _gaq.push(['_trackEvent', 'Videos', '開始播放',player.getVideoUrl()]);
    }
如此一來,只要按下撥放以後,我就可以從事件中看到我的影片被撥放了:


順便解釋一下,撥放完畢的定義是使用者看完影片,Event是ENDED。

附上這次教學的範例檔案:按我下載



本文參考:溫厝的543 - 網路行銷數據化 利用 網站分析 Google Analytics 來為 Email連結mailto做個目標設定吧 trackPageview基礎教學

2013年10月28日 星期一

Google Analytics UI介紹 - 即時

GA在統計的時間大約是一小時到半小時左右,不過他有一個更快的統計功能 - 即時, 即時的功能只要有人點擊你的網頁,或是點擊事件,大約一到兩秒你就可以在即時功能看到你的資訊了:

1.總覽:
總覽可以看到目前有幾個人在看你的網頁,用甚麼樣的設備(桌機、平版、手機),
從那邊(或那個關鍵字)連過來你的網站,正在看哪個網頁,從哪個地區過來的。



2.地理位置:
地理位置可以看到訪客是從全球各地哪邊瀏覽你的網站。


3.流量來源:
流量來源可以看到訪客是從哪個地方(或是關鍵字)連結過來的。



4.內容:
內容可以看到訪客正在瀏覽哪個頁面,頁面的標題是甚麼。


5.事件:
事件可以看到你自定義的Event觸發,比如說使用者正在下載哪個文件,或是正在看哪個影片...等


2013年10月25日 星期五

在VMware Workstation上安裝Mac OS X 10.9

之前因為專案的需求,同事沒有Mac卻又要開發IOS的APP,
於是找了方法幫他在Workstation上面安裝10.7,
直到了最近Apple發布了10.9,還很彿心是免費的!

 於是我就來把我的10.8用App Sotre升級成10.9,結果居然問題一堆!
 Finder打不開,Safari開網頁就一直無限循環的錯誤,
心裡就在想,看來應該是沒辦法用以前的方法來安裝了。 

上網Google了一下,發現果然安裝的方法跟以前不一樣了,
參考了人家的做法,有幾個地方我做卻遇到問題,
修正以後變成以下我自己可以安裝的方法,給大家參考看看嚕!


首先要先準備以下東西:

1.安裝好OS X(10.8或10.7皆可)的VMWare虛擬器
2.OS X 10.9 DMG檔案(可以由10.8或10.7的App Store下載)
3.Sysprobs Lion Files (這我下載可是沒有用,因為用了會造成在設定的時候無法將做好的安裝VMDK檔案掛上去)
4.最新版的VMWare Tools(目前最新版本是6.0.1)
5.VMWare Workstation 8或是9(你要用Fusion我也是不反對啦...但是好像就不用看這篇教學了?!)

準備好這些東西以後,就讓我們開始製作安裝的VMDK吧:

1.增加一個10G的空白VMDK檔案到你正在跑OS X的VMWare

Install OS X 10.9 Mavericks on VMware Workstation
2.將你的OS X重開機,進入系統會顯示電腦讀不到您放入的磁碟,按忽略即可

3.打開磁碟工具程式,選擇你的10G VMDK,選擇分割分頁,在分割部局選擇一個,
名稱給109installer,格式選擇Mac OS 擴充格式(日誌式),在按選項,選擇Apple分割區配置表,
再按下套用來製作一個新的磁碟。

partition disk
Apple partition map

4.開啟應用程式→在OS X Mavericks上面按右鍵→顯示套件內容→然後進入Contents→ShareSupport→點兩下InstallESD.dmg讓他掛載

5.打開指令模式,輸入以下指令來掛載BaseSystem.dmg:

cd "/Volumes/OS X Install ESD"/
open BaseSystem.dmg

6.回到磁碟工具程式,選擇109installer,再點選回復頁簽,然後將109installer拖移到目標,
OS X Base System拖移到來源,按下回復

disk restor

7.將復原好的磁碟名稱改回109installer

8.回到終端機,輸入以下指令:

sudo cp -R "/Volumes/OS X Install ESD/packages"/ /Volumes/109installer/

這時候要稍微等他一下,他需要花一點時間來做複製的動作

9.輸入以下指令來把OS X變成Server模式

cd /Volumes/109installer/System/Library/CoreSerivces/
sudo touch ServerVersion.plist

做完以上步驟後,我們就完成了準備安裝的VMDK檔案嚕!

或者是你可以使用我做好的vmdk來安裝OS X 10.9 ((謎:不要把這種東西放在這麼下面講啦!

接下來,我們要開始安裝OS X嚕!

※注意,如果你的VMWare沒有做過unlocker,請務必先做一次,不然不能執行以下步驟喔!
 Check our earlier guide how to use VMware workstation 8 or 9 unlocker.  (有空我再翻譯成中文)

首先,按照下面的步驟,我們先建立一個新的VM:

1.開啟VMWare workstation,點選File→New Virtual Machine



2.選擇Custom(advanced)→按Next



3.直接按下一步



4.選擇I will install the operating system later.


5.選擇Apple Mac OS X,版本選擇10.8 64-bit
※注意,如果你前面unlocked沒有做,這邊看不到Apple Mac OS X喔!


6.選擇你VM要放置的位置


7.Number of cores per processor選擇2(當然如果你的電腦是8核心16核心...等的你可以選更大)


8.記憶體部分我給4G


9.選擇NAT模式


10.選擇LSI Logic



11.選擇Create a new virtual disk


12.選擇SCSI


13.輸入你要的大小,然後選擇Store virtual disk as a single file.


14.選擇你要儲存的名稱


15.按下Finish
16.在我們建立的VM上面按右鍵→Setting
17.將Floppy移除,選擇Hard Disk(SCSI),按下Advanced



18.選擇SCSI 0:2,按下OK



19.將做好的109installer.vmdk加入,一樣按下Advanced Settings選擇SCSI 0:1

attach bootable disk
這樣我們就準備好一個新的VM來安裝OS X 10.9嚕!

接下來,我們開啟VM,稍微等一下,他會進入安裝畫面,
然後就照著下面步驟開始安裝嚕!


1.選擇磁碟工具程式,將你新的磁碟格式化成Mac OS 擴充格式(日誌式)

2.開啟終端機輸入下面指令:

cd /
installer -pkg /OSInstall.mpkg -target /Volumes/"你剛剛格式化的磁碟名稱"/

輸入完以後你會看到以下畫面,等看到FSF cache NOT written: ...........plist這行以後你就可以去喝杯咖啡,上個廁所,看個電視,或是去聊天串門子一下
installer command















大概你聊到天荒地老,口乾舌燥,舌頭打結,沒有話題,差不多快一個小時,你就會看到下面這個畫面

complate installation
恭喜你,這個時候你的OS X 10.9就安裝好了!

此時將你的系統重新開機,我們就要進入最後一個階段嚕!

進入系統之後,將你下載好的VMWare Tools解壓縮後,將payload裡面的darwin.iso掛載到VM上面,然後按下Install VMware Tools,

install vmware tools

等到安裝完畢以後會要你重新開機,這時後重新開機,你的OS X 10.9 on VMware就安裝好嚕!





 參考來源:[Guide] Install OS X 10.9 Mavericks on VMware Workstation with Windows 7 or Windows 8

Google Analytics UI介紹 - 捷徑

GA提供了一個捷徑的功能,讓我們看看官方怎麼說明:

捷徑


捷徑可讓您直接從 [首頁] 分頁快速存取最常查看的報表。將報表儲存為捷徑後,所有報表設定也會一併儲存下來,包括所套用的篩選器、進階區隔及維度等。
若要開始使用捷徑,請在所要儲存報表的工具列上,按一下 [捷徑] 按鈕。 瞭解詳情

那要怎麼使用呢?其實非常的簡單,
比如說我要儲存一個捷徑是目標對象→攬客→所有流量裡面從blogger.com來的人,
那我只要再這個頁面上面按下捷徑就可以嚕:


然後輸入你要的名稱,在按下確定:



這時你就會再側邊的捷徑看到他嚕,以後就不用點目標對象→攬客→所有流量→blogger.com,
只要點捷徑下所有流量就可以看到了,是不是方便很多阿!



有關於儲存這個部份我有點好奇,稍微去看了一下他怎麼儲存的,
研究的結果發現每個點都有他自己的網址,捷徑大概就是把這個網址給儲存起來吧。

2013年10月24日 星期四

Google Analytics UI介紹 - 資訊主頁

Google Analytics的資訊主頁概念有點像iGoogle,
可以讓你自定資訊主頁要呈現的資訊有哪些,
比如說即時性的有幾個人在看你的網站,全球有哪些人看你的網站,
或是用圓餅圖、長條圖來呈現你的網站資訊,
哪個資訊要放在哪個位置,都可以由使用者自己來拖移自訂。

那Google Analytics提供了哪些可以自訂的工具呢?

1.計數器:



2.時間軸:


3.全球訪客分佈圖:


4.表格:



5.圓餅圖(非即時):


6.長條圖(非即時 ):



指標可以提供資訊有以下:
% 初期目標對象保留
% 搜尋修正
入站
入站/瀏覽量
千次曝光出價
千次曝光出價
不重複事件
不重複的社交動作
不重複訪客
不重複畫面瀏覽
不重複搜尋總數
不重複購買
不重複瀏覽量
平均文件互動時間 (秒)
平均文件內容載入時間 (秒)
平均訂單價值
平均造訪停留時間
平均畫面停留時間
平均網頁停留時間
平均價值
平均價格
平均數量
目標 1 (目標 1 放棄的程序)
目標 1 (目標 1 放棄率)
目標 1 (目標 1 開始)
目標 1 (目標 1 達成)
目標 1 (目標 1 價值)
目標 1 (目標 1 轉換率)
目標 10 (目標 10 放棄的程序)
目標 10 (目標 10 放棄率)
目標 10 (目標 10 開始)
目標 10 (目標 10 達成)
目標 10 (目標 10 價值)
目標 10 (目標 10 轉換率)
目標 11 (目標 11 放棄的程序)
目標 11 (目標 11 放棄率)
目標 11 (目標 11 開始)
目標 11 (目標 11 達成)
目標 11 (目標 11 價值)
目標 11 (目標 11 轉換率)
目標 12 (目標 12 放棄的程序)
目標 12 (目標 12 放棄率)
目標 12 (目標 12 開始)
目標 12 (目標 12 達成)
目標 12 (目標 12 價值)
目標 12 (目標 12 轉換率)
目標 13 (目標 13 放棄的程序)
目標 13 (目標 13 放棄率)
目標 13 (目標 13 開始)
目標 13 (目標 13 達成)
目標 13 (目標 13 價值)
目標 13 (目標 13 轉換率)
目標 14 (目標 14 放棄的程序)
目標 14 (目標 14 放棄率)
目標 14 (目標 14 開始)
目標 14 (目標 14 達成)
目標 14 (目標 14 價值)
目標 14 (目標 14 轉換率)
目標 15 (目標 15 放棄的程序)
目標 15 (目標 15 放棄率)
目標 15 (目標 15 開始)
目標 15 (目標 15 達成)
目標 15 (目標 15 價值)
目標 15 (目標 15 轉換率)
目標 16 (目標 16 放棄的程序)
目標 16 (目標 16 放棄率)
目標 16 (目標 16 開始)
目標 16 (目標 16 達成)
目標 16 (目標 16 價值)
目標 16 (目標 16 轉換率)
目標 17 (目標 17 放棄的程序)
目標 17 (目標 17 放棄率)
目標 17 (目標 17 開始)
目標 17 (目標 17 達成)
目標 17 (目標 17 價值)
目標 17 (目標 17 轉換率)
目標 18 (目標 18 放棄的程序)
目標 18 (目標 18 放棄率)
目標 18 (目標 18 開始)
目標 18 (目標 18 達成)
目標 18 (目標 18 價值)
目標 18 (目標 18 轉換率)
目標 19 (目標 19 放棄的程序)
目標 19 (目標 19 放棄率)
目標 19 (目標 19 開始)
目標 19 (目標 19 達成)
目標 19 (目標 19 價值)
目標 19 (目標 19 轉換率)
目標 2 (目標 2 放棄的程序)
目標 2 (目標 2 放棄率)
目標 2 (目標 2 開始)
目標 2 (目標 2 達成)
目標 2 (目標 2 價值)
目標 2 (目標 2 轉換率)
目標 20 (目標 20 放棄的程序)
目標 20 (目標 20 放棄率)
目標 20 (目標 20 開始)
目標 20 (目標 20 達成)
目標 20 (目標 20 價值)
目標 20 (目標 20 轉換率)
目標 3 (目標 3 放棄的程序)
目標 3 (目標 3 放棄率)
目標 3 (目標 3 開始)
目標 3 (目標 3 達成)
目標 3 (目標 3 價值)
目標 3 (目標 3 轉換率)
目標 4 (目標 4 放棄的程序)
目標 4 (目標 4 放棄率)
目標 4 (目標 4 開始)
目標 4 (目標 4 達成)
目標 4 (目標 4 價值)
目標 4 (目標 4 轉換率)
目標 5 (目標 5 放棄的程序)
目標 5 (目標 5 放棄率)
目標 5 (目標 5 開始)
目標 5 (目標 5 達成)
目標 5 (目標 5 價值)
目標 5 (目標 5 轉換率)
目標 6 (目標 6 放棄的程序)
目標 6 (目標 6 放棄率)
目標 6 (目標 6 開始)
目標 6 (目標 6 達成)
目標 6 (目標 6 價值)
目標 6 (目標 6 轉換率)
目標 7 (目標 7 放棄的程序)
目標 7 (目標 7 放棄率)
目標 7 (目標 7 開始)
目標 7 (目標 7 達成)
目標 7 (目標 7 價值)
目標 7 (目標 7 轉換率)
目標 8 (目標 8 放棄的程序)
目標 8 (目標 8 放棄率)
目標 8 (目標 8 開始)
目標 8 (目標 8 達成)
目標 8 (目標 8 價值)
目標 8 (目標 8 轉換率)
目標 9 (目標 9 放棄的程序)
目標 9 (目標 9 放棄率)
目標 9 (目標 9 開始)
目標 9 (目標 9 達成)
目標 9 (目標 9 價值)
目標 9 (目標 9 轉換率)
目標開始
目標達成
目標價值
目標轉換率
交易次數
地方稅
收看了完整廣告
收益
伺服器反應平均需時 (秒)
伺服器回應取樣
伺服器連線平均需時 (秒)
伺服器連線取樣
利潤
投資報酬率
每次社交造訪的操作數
事件價值
事件總數
使用者平均載入時間 (秒)
使用者載入時間 (毫秒)
使用者載入時間樣本
例外情況
放棄的程序
社交動作
重新導向平均需時 (秒)
重新導向取樣
帶來搜尋的造訪
產品收益
訪客
速度指標範例
造訪
造訪停留時間
單次工作階段畫面數
單次目標轉換費用
單次交易費用
單次造訪目標價值
單次造訪頁數
單次造訪價值
單次點擊出價
單次點擊收益
單次轉換出價
畫面停留時間
畫面瀏覽
稅金
結果瀏覽量/搜尋
費用
費用
搜尋後停留的時間
搜尋修正
搜尋瀏覽頁數
搜尋離開
搜尋離開百分比
新造訪
新造訪率
當地收益
當地產品收益
當地運費
當機次數
資料中心活動
跳出
跳出率
運費
電子商務轉換率
電視曝光
網頁下載平均需時 (秒)
網頁下載取樣
網頁停留時間
網頁載入平均需時 (秒)
網頁載入取樣
網頁價值
網域查詢平均需時 (秒)
網域查詢取樣
廣告播放
數量
隨機搜尋
總放棄率
點閱率
點擊
瀏覽量
離開
離開百分比
曝光
AdSense 收益
AdSense 有效千次曝光出價
AdSense 網頁曝光
AdSense 廣告單元瀏覽個數
AdSense 廣告點擊個數
AdSense 廣告瀏覽個數
AdSense 點閱率
AdSense 離開
DOM 等待時間指標範例

維度可以提供資訊有以下:
上次造訪後所經過的天數
小時
分享網址
手機輸入選擇工具
日期
月份
主機名稱
刊登位置網址
刊登位置網域
刊登位置類型
目標必經步驟 - 1
目標必經步驟 - 2
目標必經步驟 - 3
目標達成位置
交易
交易前造訪次數
先前造訪的路徑
共鳴度類別 (觸及率)
年齡
自訂變數 (值 01)
自訂變數 (值 02)
自訂變數 (值 03)
自訂變數 (值 04)
自訂變數 (值 05)
自訂變數 (鍵 1)
自訂變數 (鍵 2)
自訂變數 (鍵 3)
自訂變數 (鍵 4)
自訂變數 (鍵 5)
行動裝置 (包括平板電腦)
行動裝置行銷名稱
行動裝置品牌塑造
行動裝置型號
行動裝置資訊
作業系統
作業系統版本
完成前所需天數
完整推薦連結來源網址
事件動作
事件類別
使用者定義的值
使用者相片網址
使用者簡介網址
來源
來源/媒介
來源社交動作
例外情況說明
其他類別
到達畫面
到達網頁
性別
服務供應商
社交使用者暱稱
社交來源
社交來源和操作
社交來源和操作
社交來源推薦連結
社交活動時間戳記
社交活動張貼訊息
社交動作
社交註解類型
社交話題
社交網路
社交網路和動作
社交標記摘要
社交類型
城市
後續造訪的路徑
星期幾
星期幾名稱
查詢比對類型
洲別
洲別次地區
活動標籤
流量類型
相符的搜尋查詢
修正關鍵字
時段
站內搜尋狀態
站內搜尋類別
起始網頁
區域
國家/地區/領域
推薦連結路徑
推薦網址
產品
產品 SKU
產品類別
訪客區塊
訪客類型
貨幣代碼
造訪次數
連線速度
都會區
媒介
畫面名稱
週次
搜尋字詞
裝置類別
載入時間類別
實際連結網址
實際連結網頁
網頁
網頁路徑層級 1
網頁路徑層級 2
網頁路徑層級 3
網頁路徑層級 4
網頁標題
網路網域
語言
廣告內容
廣告放送聯播網
廣告版位
廣告版位排名
廣告活動
廣告活動
廣告活動代碼
廣告群組
操作時間標籤
操作時間變數
螢幕色彩
螢幕解析度
應用程式名稱
應用程式安裝工具編號
應用程式版本
應用程式編號
聯盟
瀏覽頁數
瀏覽畫面數
瀏覽器
瀏覽器版本
離開畫面
離開網頁
關鍵字
關鍵字比對類型
顯示名稱
Flash 版本
Java 支援

最後經過編排以後,呈現出自己想要第一時間觀看的面板:


快點製作屬於自己網站的監控面板吧!