close

登登 說好的說明文呢?

至今已經過了幾個月了

想當初開始寫說明文的時候  專題才剛剛起步

現在都已經要去參加比賽了XD

 

至於這段時間呢

因為太忙了所以我都沒有來寫說明文歐 啾咪 * . <

哈哈 所以剩下的 以後等我有空再寫吧 (遙遙無期?)

 

今天要來寫的是在電子書裡加入影片歐

是不是很期待呢? (自嗨)

 

首先呢 要準備一張可以放影片的圖

這個我是用PHOTOSHOP做的

vedio_page.png  

 

哈哈 因為時間緊迫所以有點鳥喔別見怪

哈 要記得存成PNG格式喔

中間要挖空放影片的,如果沒有對好的話,就會看不到影片哩(會被圖片蓋住)

 

影音頁-1.png  這張圖...我也不知道他為什麼會反過來(痞客邦新手)

所以請自己倒過來看吧~~XD

 

因為到時候在CODE的部分,會有兩個屬性 「position」、「top」來控制影片在頁面的位置

所以我就利用photoshop的尺標和切片工具來得知我要填入甚麼參數

 

尺標 - 檢視>尺標(勾選) (ps.可直接從尺標拉出一條條藍色的參考線來幫助排版和切片)

切片工具 - 和左邊工具列的裁剪工具放在一起)

影音頁-2.png

如上圖所示,用切片工具切完後,再選用切片選取工具,對著切片按右鍵,選擇編輯切片選項,

如圖,對話框的右下角會有長寬的資訊,這裡的數值是等下會用來控制影片的長寬大小的參數。

 

然後記得要把放影片的地方挖空喔!!

 

影音頁-3.png

 

好了挖空完、記下需要的數值(1.影片長 2. 影片寬 3. 影片位置距離圖片上邊界的長度),就可以存檔了!

再次提醒請存成png檔喔謝謝~

 

然後回到我們電子書的主控中心........

megazine.mz3

 

在你想要放影片的那一頁加入這段程式碼:

<page>                                                                                                       
    <vid src="image/test.flv" position="center" top="473" width="828" height="592"/> 
    <img width="1162" height="1580" src="image/vedio_page.png" aa="true"/>           
</page>                                                                                                
   

關於上面標紅色的字體部分,

position  有"right" 靠右 、 "left" 靠左 、"center" 置中 這幾種選擇

top  就是剛剛要你記下的 "影片位置距離圖片上邊界"的長度喔

width  影片的寬度

height  影片的長度

src  放入圖片的連結

 

將將  弄完以後成果就大概是這樣囉~~~

哈哈 對不起影片中的那個人 不好意思那個截圖截的太爛了請原諒我

影音頁demo.bmp

 

以下附上document網址:

http://www.megazine3.de/doc/Video

耶 好辣 如果有空我在一一翻譯document的vedio相關屬性

現在不行 因為我現在要去做報告了

 

話說學長說他剛剛在搜尋megazine3的相關文件時 找到一篇他覺得寫的很清楚的文章

結果他看了很久 才發現其實這是我寫的 (囧~

哈哈所以 這讓我覺得不負責任解說還是要繼續下去的!!!!!!

而且我都寫的很傻瓜喔 應該看的懂吧(?)

哈哈 ok 那今天就這樣囉

所以 不負責解說就到這裡唷 掰掰~~

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Iris 的頭像
    Iris

    Estelle

    Iris 發表在 痞客邦 留言(3) 人氣()