[模版修改]讓資料夾中的聲音和影片檔案可以直接線上撥放

[james]

這個修改可以套用在所有的模版中。
只要將resource.template中的

程式碼:

{if $resource->isSound()}
<img alt="Sound" src="{$url->getUrl("/imgs/sound.gif")}" height="64" width="64" style="border:0px;" /><br/>
{$resource->getFileName()}
</a><br/>

改成

{if $resource->isSound()}
<img alt="Sound" src="{$url->getUrl("/imgs/sound.gif")}" height="64" width="64" style="border:0px;" /><br/>
<p><embed src="{$url->resourceDownloadLink($resource)}" /></p>
{$resource->getFileName()}
</a><br/>

至於影片的部份，則是把

程式碼:

{elseif $resource->isVideo()}
<img alt="Sound" src="{$url->getUrl("/imgs/video.gif")}" height="64" width="64" style="border:0px;" /><br/>
{$resource->getFileName()}
</a><br/>

更換成

{elseif $resource->isVideo()}
<img alt="Sound" src="{$url->getUrl("/imgs/video.gif")}" height="64" width="64" style="border:0px;" /><br/>
<p><embed src="{$url->resourceDownloadLink($resource)}" /></p>
{$resource->getFileName()}
</a><br/>

就可以了
如果不想讓聲音檔或影片檔自動開始撥放，只要在紅色那行中加入 autostart="false" (加在/>前) 就可以囉

補充說明：目前測試結果，在windows環境下，IE和FF下都可以正常撥放(IE會用Media player撥放，在FF下則必需安裝QuickTime才可以)；在Linux下使用Mozila，在安裝plugin後也可正常撥放。

現在正在修改htmlarea-plog-resource.js，現在已經可以直接將mp3檔案用embed的方式插入到文章中。
等把影片檔案也完成後在分享出來。

James.

[rainlan]

很贊....
先收錄起來囉

[markwu]

Hi James:

我也在做同樣的事。不過你作了我就不作了。呵呵！等你的結果。

不過傷腦筋的事，這樣的方式，是不是指在 windows 下的 browser 適用。因為 linux 下沒有 windows media player ...  

Mark

[markwu]

有關 resourcelist 的改法，你可以參考 http://forums.lifetype.net/viewtopic.php?t=1856&highlight=type

Mark

[james]

Hi James:

我也在做同樣的事。不過你作了我就不作了。呵呵！等你的結果。

不過傷腦筋的事，這樣的方式，是不是指在 windows 下的 browser 適用。因為 linux 下沒有 windows media player ...  

Mark

現在好像是有這樣的問題，我在FF下試用過，他會出現必需安裝quicktime的訊息。
至於linux下，我下午有空在測試看看。

對了，我在你的blog中有看到你用了一個flash來撥放flv的檔案，或許另一個想法是用flash寫一個獨立的player，然後用它來撥放檔案。

等我在linux下測試完後在來回報囉 ^_^

James.

[james]

有關 resourcelist 的改法，你可以參考 http://forums.lifetype.net/viewtopic.php?t=1856&highlight=type

Mark

我看了一下，它的改法是用object來呼叫mediaplayer，我的改法好像比較簡單  我只是用embed的方式來把聲音和影像檔案插入文章中。

測試到現在的小缺點是，如果檔案大一些，會花一點點時間等待才能撥放
其它似乎沒有其它大問題。(目前用IE和FF測試都ok，在IE下會用mediaplayer撥，在FF下會用quicktime撥放)

James.

[markwu]

對了，我在你的blog中有看到你用了一個flash來撥放flv的檔案，或許另一個想法是用flash寫一個獨立的player，然後用它來撥放檔案。
James.

嘻嘻！你看到了！這就是我最近的實驗。但是缺點是，上傳前都要先轉成 flv, 大概一堆人都不會，雖然真的很簡單。

Mark

[james]

對了，我在你的blog中有看到你用了一個flash來撥放flv的檔案，或許另一個想法是用flash寫一個獨立的player，然後用它來撥放檔案。
James.

嘻嘻！你看到了！這就是我最近的實驗。但是缺點是，上傳前都要先轉成 flv, 大概一堆人都不會，雖然真的很簡單。

Mark

Hi Mark:
那個flash mp3 player是從jeroenwijeringv下載的嗎??
那麼轉檔的工具是不是這個Riva FLV Encoder 呢?
或許這個方式也是一個可行的方法喔  
看起來真的很好玩呢 ^_^

我已經把htmlarea-plog-resource.js改好了。

不過改得很簡單，目前測試的結果只有在IE下編輯文章時能即時見到效果 ，其它的瀏覽器(FF或是mozila)通通要等到發表文章後才看得到效果。

我修改的地方是在，htmlarea-plog-resource.js的function _generateResourceLink下
找到這一段

程式碼:

    else {
	    // if not an image, there is not much we can do
	    htmlCode = '<a title="'+resourceDesc+'" href="'+plogBaseUrl+'/resserver.php?blogId='+blogId+'&amp;resource='+encodeURIComponent(resourceName)+'">test</a>';
    }

改成

   else if ( type== 2 || type == 3 ) {
        htmlCode = '<embed id="res_'+resId+'" src="'+plogBaseUrl+'/resserver.php?blogId='+blogId+'&amp;resource='+encodeURIComponent(resourceName)+'" autostart="false"  type="'+mimeType+'" />';
    }    else {
       // if not an image, there is not much we can do
       htmlCode = '<a title="'+resourceDesc+'" href="'+plogBaseUrl+'/resserver.php?blogId='+blogId+'&amp;resource='+encodeURIComponent(resourceName)+'">test</a>';
    }

同時我也發現在function __generateBaseLink裡面的
    if( type == 2 ) {
應該有點錯誤，因為type 2 是video，應該沒有preview的設定才對，我想那一行應該改成 type == 1 才對吧!? 因為不太確定所以沒到bugs中回報。

給大家參考一下囉

James.

[seaspace]

好像还有比较简便的方法哦！
插入mp3档就可以在code编辑环境下这样啊：

程式碼:

<object id="mplayer" style="WIDTH: 345px; HEIGHT: 70px" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" type="application/x-oleobject" height="1" standby="Loading Microsoft Windows Media Player components..." width="1" align="baseline" border="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" hidden="true"><param value="MP3档路径" name="FileName" /><param value="1" name="ShowControls" /><param value="0" name="ShowPositionControls" /><param value="1" name="ShowAudioControls" /><param value="1" name="ShowTracker" /><param value="0" name="ShowDisplay" /><param value="1" name="ShowStatusBar" /><param value="0" name="AutoSize" /><param value="0" name="ShowGotoBar" /><param value="0" name="ShowCaptioning" /><param value="1" name="AutoStart" /><param value="0" name="PlayCount" /><param value="0" name="AnimationAtStart" /><param value="0" name="TransparentAtStart" /><param value="0" name="AllowScan" /><param value="1" name="EnableContextMenu" /><param value="0" name="ClickToPlay" /><param value="1" name="InvokeURLs" /><param value="datawindow" name="DefaultFrame" /></object><br/>

MV也可以播放的！只不过修改一下文件路径和播放器的宽度和高度就好了啦！
我这里有预览啊!


seaspace

[james]

好像还有比较简便的方法哦！
插入mp3档就可以在code编辑环境下这样啊：

程式碼:

<object id="mplayer" style="WIDTH: 345px; HEIGHT: 70px" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" type="application/x-oleobject" height="1" standby="Loading Microsoft Windows Media Player components..." width="1" align="baseline" border="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" hidden="true"><param value="MP3档路径" name="FileName" /><param value="1" name="ShowControls" /><param value="0" name="ShowPositionControls" /><param value="1" name="ShowAudioControls" /><param value="1" name="ShowTracker" /><param value="0" name="ShowDisplay" /><param value="1" name="ShowStatusBar" /><param value="0" name="AutoSize" /><param value="0" name="ShowGotoBar" /><param value="0" name="ShowCaptioning" /><param value="1" name="AutoStart" /><param value="0" name="PlayCount" /><param value="0" name="AnimationAtStart" /><param value="0" name="TransparentAtStart" /><param value="0" name="AllowScan" /><param value="1" name="EnableContextMenu" /><param value="0" name="ClickToPlay" /><param value="1" name="InvokeURLs" /><param value="datawindow" name="DefaultFrame" /></object><br/>

MV也可以播放的！只不过修改一下文件路径和播放器的宽度和高度就好了啦！
我这里有预览啊!


seaspace

seaspace大哥   你可能誤解我的意思了 ^__^
我的改法是希望讓一般使用者能直接將檔案中心的多煤體檔案直接在發表文章時，使用htmlarea的insertresource來直接新增到文章中。
這樣的改法，一般的使用者(或是不熟html語法的人)可以較簡單的使用多煤體檔案。

當然你所提供的方法也是可行的，不過可能要"背"這麼多html code可能不是件簡單的事情。

且你這樣的code只能適用於Win的作業系統，如果是linux可能就無法適用囉 ^_^
一些小小的想法

請多指教囉  

James.

[markwu]

Hi James:

你能把這些整理起來 zip 成一個 file 嗎？我把他放到 OSSF 分享。

但是這部分我應該不會放入 pLog 的正式版中，因為這個 patch 只能 for IE 使用。

Mark

[james]

Hi James:

你能把這些整理起來 zip 成一個 file 嗎？我把他放到 OSSF 分享。

但是這部分我應該不會放入 pLog 的正式版中，因為這個 patch 只能 for IE 使用。

Mark

ok.我今天有空會把他整理成zip檔，在e-mail給你。

實在滿可惜的，竟然只有在IE可以使用 ，不知道有沒其它辦法也可以讓其它的browser也可以使用呢!?

有空在來研究看看

James.

[seaspace]

James大哥客气了，我当初没想到linux平台作业系统咧！
多谢提醒

[3gboke]

  请问 james 所说的文件( htmlarea-plog-resource.js )    mark放哪呢。我没找的到。。 

看了Ameng的文章http://forums.lifetype.net/viewtopic.php?t=1856&highlight=type  并且也从Ameng处得到了htmlarea-plog-resource.js  ，但我并没有成功。

我使用的环境是  apache 1.3  MYSQL 4.0X   PLOG 1.02

[james]

请问 james 所说的文件 make放哪呢。我没找的到。。  还有就是按照JAMES的方法 修改，我在1.02版本上没有实现

Sorry~~因為之前有事所以一直忘了把整理好的檔案放上來。
等我這兩天把整理好的文件放上來，你在試看看囉

James.