Multimedia Online Helpdesk Software: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
(→‎自由軟體: [https://getsharex.com/ ShareX - The best free and open source screenshot tool for Windows])
 
(42 intermediate revisions by 4 users not shown)
Line 1: Line 1:
建立多媒體說明文件的軟體
建立多媒體說明文件的軟體


== 靜態擷取: snapshot ==
== 靜態擷取: snapshot/screenshot/screen capture ==
{{:Screen Capture}}
{{:Screen Capture}}


== 動態擷取: screen recording/capture/casting ==
== 動態擷取: screen recording/capture/casting ==


=== 自由軟體 ===
=== 自由軟體 ===
* [http://www.debugmode.com/wink/ Wink]可輸出成動態教學的flash/html(圖檔)。[[Win32OSS|自由軟體]]、具互動功能(跳頁按鈕)
[http://www.camstudio.org/ CamStudio - Free Screen Recording Software] v 2.6 輸出成AVI/SWF ([http://163.32.161.9/maylike/teach/DemoStudio/index.html 教學]) {{exclaim}} 下載檔案時 Eset 防毒軟體出現警告「該網頁已在有潛在危險內容的網站清單中。」,建議改下載 [https://www.azofreeware.com/2007/01/camstudio-20.html CamStudio 2.0 免安裝中文版 (2.7.316 英文版) - 螢幕錄影免費自由軟體 - 阿榮福利味 - 免費軟體下載]
* 雖選定了視窗模式(Region: Window),但是中途同一視窗的畫面轉換,卻會導致螢幕擷取中斷,建議改用全螢幕擷取模式(Region: Full Screen)。
* 軟體選單雖寫「Record audio from microphone」,但是聲音輸入可以選取別的音源輸入。
 
[http://www.debugmode.com/wink/ Wink]可輸出成動態教學的flash/exe檔。[[Win32OSS|自由軟體]]、具互動功能(跳頁按鈕)
* 說明
** [http://blog.yam.com/emisjerry/archives/21148.html 電腦技術與軟體測試報告: Wink: 建立Flash展示的錄製工具] 2005-02-21
** [http://blog.yam.com/emisjerry/archives/21148.html 電腦技術與軟體測試報告: Wink: 建立Flash展示的錄製工具] 2005-02-21
** [http://libraryviews.blogsome.com/2005/06/23/79/ Library Views 圖書館觀點 :: Screencasting :: June :: 2005] 2005-06-23
** [http://libraryviews.blogsome.com/2005/06/23/79/ Library Views 圖書館觀點 :: Screencasting :: June :: 2005] 2005-06-23
* 優點: 輸出的flash可以在不同瀏覽器觀看。
* 缺點: 無法顯示詳細的滑鼠軌跡,所以如果刪除某個frame,輸出的flash會出現滑鼠移動與畫面不同步的異常狀況。 (Wink v2.0 build 1060)


* [http://www.camstudio.org/ CamStudio - Free Screen Recording Software] 輸出成AVI/SWF
[https://getsharex.com/ ShareX - The best free and open source screenshot tool for Windows]


=== 商業軟體 ===
=== 商業軟體 ===
* QuickTime player for {{Mac}} 教學: [http://blog.allenchou.cc/mac-quicktime-screencast/ (Mac)簡單用Quicktime將螢幕畫面錄成影片]。 {{exclaim}} 只能選擇錄麥克風的聲音
* [http://anicam.learnbank.com.tw/ Anicam](旭連科技)
* [http://anicam.learnbank.com.tw/ Anicam](旭連科技)
* [http://communityclips.officelabs.com/Default.aspx Community Clips] (Jan的介紹: [http://tech.azuremedia.net/2008/05/04/1376/ Microsoft Office Labs的Screencast軟件])
* [http://www.fraps.com/ FRAPS show fps, record video game movies, screen capture software]
* [http://www.fraps.com/ FRAPS show fps, record video game movies, screen capture software]
* [http://www.powercam.com.tw/ PowerCam]: 簡報與螢幕錄影軟體,觀看者需安裝IE ActiveX元件,亦可選擇轉成flash
* [http://www.powercam.com.tw/ PowerCam]: 簡報與螢幕錄影軟體,觀看者需安裝IE ActiveX元件,亦可選擇轉成flash
* [http://www.techsmith.com/screen-capture.asp SnagIt]''$'': SnagIt v7.2.5 擷取flash畫面,會很模糊
** 教學: [http://briian.com/?p=6472 如何用Snagit在螢幕上錄影?]
* ViewletCam(不具互動功能) or ViewletBuilder(具互動功能) ([http://www.qarbon.com/index.html Qarbon.com] & 臺灣代理[http://www.ccc.com.tw/tw/index.htm 青春線上])
* ViewletCam(不具互動功能) or ViewletBuilder(具互動功能) ([http://www.qarbon.com/index.html Qarbon.com] & 臺灣代理[http://www.ccc.com.tw/tw/index.htm 青春線上])
** 可選擇轉成flash,試用版有超級大的浮水印。
** 可選擇轉成flash,試用版有超級大的浮水印。
** 範例: [http://www.qarbon.com/products/viewlet/demos.html Viewlet Demos] or [http://ooo.tnc.edu.tw/ooo/ OpenOffice.org 三日遊] (需要開啟JAVA VM)
** 範例: [http://www.qarbon.com/products/viewlet/demos.html Viewlet Demos] or [http://ooo.tnc.edu.tw/ooo/ OpenOffice.org 三日遊] (需要開啟JAVA VM)
* [http://www.macromedia.com/software/captivate/ Macromedia - Products : Captivate]
* [http://www.macromedia.com/software/captivate/ Macromedia - Products : Captivate]
* [http://www.macromedia.com/software/contribute/productinfo/flashpaper/ Macromedia FlashPaper]
* [http://www.macromedia.com/software/contribute/productinfo/flashpaper/ Macromedia FlashPaper]
** 應用範例:將MS Powerpoint 轉換成 Flash 的 swf 格式。
** 應用範例:將MS Powerpoint 轉換成 Flash 的 swf 格式。
Line 29: Line 46:


* [http://www.demo-builder.com/ Demo Builder]
* [http://www.demo-builder.com/ Demo Builder]
* [http://jietu.qq.com/ 轻松便捷爱截图] for {{Win}} & {{Mac}} 提供 (1) 區域截圖、(2) 錄製螢幕兩種功能


使用心得
使用心得
Line 34: Line 53:


== 簡報呈現Presentation / slides ==
== 簡報呈現Presentation / slides ==
靜態呈現
=== 靜態呈現 網頁式簡報 ===
* [http://www.w3.org/Talks/slidemaker/YYMMsub/ W3C Slidemaker Tool] -- 用網頁做簡報
* {{Gd}}[http://www.meyerweb.com/eric/tools/s5/ S5: A Simple Standards-Based Slide Show System]
: [http://www.gugod.org/outline2html/ outline2html]
** [http://www.azuremedia.net/tech/history/web/000859.html Jan's Tech Blog: S5: 平文化的Presentation標準]
** 洪朝貴(2006). [http://people.ofset.org/~ckhung/b/clr/slide.php 用網頁做簡報] (last visited: July 16, 2006)
 
* 謝良奇 (2014) [http://www.openfoundry.org/index.php?option=com_content&task=view&id=9263&Itemid=44 讓簡報更為突出的三個開源工具 - OpenFoundry] ([https://github.com/bartaz/impress.js/wiki/Examples-and-demos Examples and demos · bartaz/impress.js Wiki]) {{access | date = 2014-07-17}}
 
* [https://gist.github.com/905611 DZ-Slides: HTML Template for your presentations] -- HTML5/CSS3 slides
** demo: [http://moztw.org/slides/fx4party/feature/#1 Firefox 4 Party - 火狐再臨!]
** 可用瀏覽器: {{Fx}} v.4; {{Chrome}} v.12
** 不可用瀏覽器: {{IE}} v.8
** 上下一頁: 瀏覽器的上一頁/下一頁按鈕
** 簡報列表:
 
* [http://www.viget.com/inspire/jquery-presentation-plugin/ jQuery Presentation Plugin: Say NO to Keynote! - Viget Inspire]
 
* [http://www.openfoundry.org/of/projects/43 outline2html - OpenFoundry](perl module)
 
* [http://www.w3.org/Talks/Tools/Slidy2/#(1) W3C HTML Slidy]


* perl module
* [http://www.w3.org/Talks/slidemaker/YYMMsub/ W3C Slidemaker Tool]


* [http://www.azuremedia.net/tech/history/web/000859.html Jan's Tech Blog: S5: 平文化的Presentation標準]
* [https://mozilla.github.io/pdf.js/ PDF.js] is licensed under [https://github.com/mozilla/pdf.js/blob/master/LICENSE Apache]. 網頁上呈現 PDF 檔 {{access | date = 2019-03-04}}
* [http://www.meyerweb.com/eric/tools/s5/ S5: A Simple Standards-Based Slide Show System]
: 洪朝貴(2006). [http://people.ofset.org/~ckhung/b/clr/slide.php 用網頁做簡報] (last visited: July 16, 2006)


簡報+語音
=== 動態呈現: 簡報+語音 ===
* 將螢幕動態擷取,再輸出成影像檔
* [http://www.slideshare.net/slidecasts SlideShare >> Latests Slidecasts (SlideShare is the best place to share powerpoint presentations)]
* [http://www.adobe.com/products/breeze/index.html Adobe Acrobat Connect Professional]''($)'' - formerly Macromedia Breeze
* [http://www.articulate.com/products/presenter.php Articulate Presenter]''($)'' - Convert PowerPoint to Flash
* [http://www.articulate.com/products/presenter.php Articulate Presenter]''($)'' - Convert PowerPoint to Flash




=== 簡報/文件分享網站 ===
=== 動態呈現: 簡報+影像 ===
{| border="1"
* 將螢幕動態擷取,再輸出成影像檔
|
* 演講過程錄影(講師大頭照) + 電腦螢幕簡報切換畫面
|| <b>網站</b>
*# [http://www.microsoft.com/windows/windowsmedia/technologies/producer.mspx MS Producer] + Powerpoint''$'' (成品需使用IE瀏覽)
|| <b>支援的檔案類型</b>
*# [http://www.adobe.com/products/breeze/index.html Adobe Acrobat Connect Professional]''($)'' - formerly Macromedia Breeze
|| <b>上載中文PPT檔</b>
*# [http://www.screenwatch.com/ ScreenWatch (TM) Lecture Recording and Classroom Recording Software]''($)'' + Powerpoint''($)'' (demo: [http://www.lib.usc.edu.tw/media/20090126/index.html 圖 書 館 的 原 鄉 路 -「部落.部落格.圖書館」研討會] 需使用IE瀏覽)
|| <b>上載中文PDF檔</b>
*# [http://tw.cyberlink.com/products/mediashow/overview_zh_TW.html 魅力四射] ''($)''
|| <b>單一檔案容量</b>
* 其他相關
|| <b>簡報展示 與 顯示速度</b>
** [http://voicethread.com/ VoiceThread - Group conversations around images, documents, and videos] 上傳簡報、相片或影片,可線上錄音跟加上畫筆註記,或由其他使用者加入語音評論。 (last visited: 20090418)
|| <b>語音功能</b>
|| <b>存取權限</b>
|| <b>更新檔案</b>
|| <b>附註</b>
|-
|
|| [https://share.adobe.com Adobe SHARE beta] ([http://help.adobe.com/en_US/DocumentCenter/2.0/index.html Help])
|| PPT, PDF [http://help.adobe.com/en_US/DocumentCenter/2.0/WS8574E6A3-734E-47cf-BD25-98DDB757E5DA.html ...]
|| 僅能上下載,尚未提供預覽簡報功能
|| 中文顯示OK, 內嵌連結無法點選
|| 不明
|| (1)簡報呈現時, 可與讀者進行文字對談, (2)提供讀者跟隨簡報者正在說明的該張簡報。 (3)速度不錯
|| n/a
|| 可設定(1)不公開, (2)(透過Email)分享給好友, (3)公開
|| 否
|| (1)簡報部分樣式會跑掉。 (2)可嵌入Blog (3)讀者不方便複製簡報文字。 (拜訪日: 2007-11-28)
|-
| V
|| [https://docs.google.com/ Google Docs]
|| PPT, PPS
|| 中文顯示OK, 內嵌連結可點選
|| n/a
|| 10MB
|| (1)簡報呈現時, 可與讀者進行文字對談, (2)提供讀者跟隨簡報者正在說明的該張簡報。 (3)速度不錯
|| n/a
|| 可設定(1)不公開, (2)分享給好友, (3)公開
|| 可
|| (1)每張簡報是個網頁,不容易一次下載多張簡報。 (2)無法嵌入Blog (3)讀者不方便複製簡報文字。 (拜訪日: 2007-09-18)
|-
|
|| [http://www.scribd.com/ Scribd]
|| PPT, PS, PDF, [http://www.scribd.com/faq#faq_question_6 more...]
|| 中文顯示OK, 但內嵌連結無法點選
|| 中文顯示OK, 但內嵌連結無法點選
|| 無資訊
|| 速度不錯
|| 內建的英文語音轉檔, 對中文文件不太有意義
|| 可設定不公開, 只分享給好友
|| 可
|| 文件線上轉檔與分享網站, 並非針對簡報檔案類型設計(拜訪日: 2007-07-29)
|-
| V
|| [http://www.slideshare.net/ SlideShare] ([http://www.slideshare.net/featured Featured Slideshows])
|| PPT, PPS, PDF, ODP ([http://www.slideshare.net/faqs#1b 說明])
|| 中文顯示OK, 但內嵌連結必須在中間區域才能點選, 被上一張/下一張的導覽功能干擾
|| 中文會掉字
|| [http://www.slideshare.net/faqs#1d 30MB]
|| 每5張需要停一下
|| 可, [http://www.slideshare.net/faqs/slidecast Slidecasting]
|| 僅能設定公開
|| 可
|| 建議額外提供原始簡報檔; 檢查中文掉字或擠在一起 (拜訪日: 2007-07-29)
|-
|
|| [http://www.thinkfreedocs.com/ Thinkfree] ([http://www.thinkfreedocs.com/docs/index.php?b=2&t=3&l=0 Top rated prensentations])
|| .doc, .ppt, .xls, .pdf, .rtf, .dot, .pot, .pps, .xlt, .csv, .txt, .hwp... [http://www.thinkfreedocs.com/about/faq.php FAQ]
|| 中文顯示OK, 但內嵌連結無法點選
|| 中文顯示OK, 且內嵌連結可點選
|| 10MB
|| 速度不錯, 並提供大綱模式
|| 無
|| 可設定草稿或公開(公開之後, 無法切換回草稿)
|| 否
|| (拜訪日: 2007-08-27)
|-
|
|| [http://show.zoho.com/Home.do Zoho Show] ([http://show.zoho.com/popular Popular Presentations])
|| PPT, PPS, ODP, SXI
|| 中文會掉字
|| N/A
|| 10MB
|| 速度不錯
|| 否
|| 可選擇設定公開與否
|| 否
|| (拜訪日: 2007-08-22)
|-
|}


: more on the [http://del.icio.us/tag/slides%2Bshare Pages tagged with "slides+share" on del.icio.us]
{{:Document sharing sites}}


== 錄音 ==
== 錄音 ==
Line 146: Line 100:
: [http://briian.com/?p=1388 如何側錄YouTube影片、廣播、網頁背景音樂,並存成MP3?     【重灌狂人】]
: [http://briian.com/?p=1388 如何側錄YouTube影片、廣播、網頁背景音樂,並存成MP3?     【重灌狂人】]


----
{{Template:Free materials}}


[[Category:Software]] [[Category:Elearning]]
[[Category:Software]] [[Category:Elearning]]

Latest revision as of 11:19, 24 March 2021

建立多媒體說明文件的軟體

靜態擷取: snapshot/screenshot/screen capture[edit]

螢幕畫面擷取[edit]

  • MWSnap
    • 可選擇全螢幕、視窗、固定範圍、任意區域的擷取方式 [freeware]
  • Screen Capture
    • 四種擷取畫面的模式(視窗/選單/全螢幕/任意區域) [freeware]
  • Evernote Windows + Print Screen按鈕,擷取任意區域的畫面後,自動儲存為一則新筆記。
  • Windows鍵盤上擷取螢幕畫面按鍵。注意:不支援部份影像的擷取 Icon_exclaim.gif
    • Print Screen(有時簡化為PrtSc)按鈕: 擷取整個螢幕畫面
    • Alt + Print Screen按鈕: 擷取目前選取的視窗畫面 (資料來源: Print screen - Wikipedia)

平板:


LINE iOS、LINE Android 對話截圖功能

網頁畫面擷取[edit]

擷取需要捲頁的網頁畫面 (網頁快照)

  • Good.gif Save to Google Drive for Chrome Browser chrome.png : capture the visible or whole web page and upload to Google Drive. [Last visited: 2015-01-28]
  • Good.gif Pearl Crescent Page Saver is a free extension for Mozilla Firefox Firefox browser_firefox.png
    • mode: "Capture or clip all visible portion, or entire page" quoted from official website. save an image of a web page to a file in Png/Jpeg format.
    • auto save after chosen mode: ok
    • filename: customize the file name (insert the timestamp)
    • allow to grab flash snapshot: Yes , capture Flash content in Firefox 3 (With Page Saver 2.0)
  • Chrome Browser chrome.png
    1. 在 Chrome 中按下快速鍵 Option + Command + I,開啟「開發人員工具」(DevTools)
    2. 打開「開發人員工具」後,Win Os windows.png 輸入按鍵: ctrl + shift + p ; macOS icon_os_mac.png 輸入按鍵: ⌘ command + shift + p 打開「command menu」
    3. 輸入關鍵字 screenshoot 有三種模式可以選擇
      • (1) Capture full size screenshot 擷取需要捲頁的網頁畫面
      • (2) Capture node screenshot 擷取某個節點區塊的畫面,使用前要先選取某個節點
      • (3) Capture screenshot 擷取當下視窗畫面 (如果「開發人員工具」開啟並 dock to bottom,反而造成畫面區域變小)[1][2]
  • Screengrab! - You can switch the page capture method
    1. Java (older, longer - about 2 seconds if you want to capture flash images)
    2. Gecko Canvas (newer, faster) (last visited: 2008-01-15)
  • url2bmp (last visited: December 13, 2005)
Shih-Hsien’s BLOG » Blog Archive » url2bmp:網頁快照 (snapshot) 軟體

影像的圖片擷取[edit]

DVD/影像檔抓圖

動態擷取: screen recording/capture/casting[edit]

自由軟體[edit]

CamStudio - Free Screen Recording Software v 2.6 輸出成AVI/SWF (教學) Icon_exclaim.gif 下載檔案時 Eset 防毒軟體出現警告「該網頁已在有潛在危險內容的網站清單中。」,建議改下載 CamStudio 2.0 免安裝中文版 (2.7.316 英文版) - 螢幕錄影免費自由軟體 - 阿榮福利味 - 免費軟體下載

  • 雖選定了視窗模式(Region: Window),但是中途同一視窗的畫面轉換,卻會導致螢幕擷取中斷,建議改用全螢幕擷取模式(Region: Full Screen)。
  • 軟體選單雖寫「Record audio from microphone」,但是聲音輸入可以選取別的音源輸入。

Wink可輸出成動態教學的flash/exe檔。自由軟體、具互動功能(跳頁按鈕)

ShareX - The best free and open source screenshot tool for Windows

商業軟體[edit]

  • PowerCam: 簡報與螢幕錄影軟體,觀看者需安裝IE ActiveX元件,亦可選擇轉成flash
  • Macromedia FlashPaper
    • 應用範例:將MS Powerpoint 轉換成 Flash 的 swf 格式。
    • FlashPaper 與閃動耀眼的 Flash 沒有直接關連,實際上僅是一個列印的驅動程式,藉 Macromedia 在上週推出的網路出版管理軟體 Contribute 2,把任何可列印的文件,轉換成 Flash 的 .swf 格式,藉 Flash Player 6 在網頁瀏覽器展示,當然也可以直接列印。目前支援的平台有 Windows 2000 與 XP,Mac OS 則要下一版本才支援。(資料來源:FlashPaper:PDF 的對手?

使用心得

簡報呈現Presentation / slides[edit]

靜態呈現 網頁式簡報[edit]

  • PDF.js is licensed under Apache. 網頁上呈現 PDF 檔 [Last visited: 2019-03-04]

動態呈現: 簡報+語音[edit]


動態呈現: 簡報+影像[edit]

簡報/文件分享網站[edit]

網站 支援的檔案類型 上載中文PPT檔 上載中文PDF檔 單一檔案容量 簡報展示 與 顯示速度 語音功能 存取權限 更新檔案 附註
Adobe SHARE beta (Help) PPT, PDF ... 僅能上下載,尚未提供預覽簡報功能 中文顯示OK, 內嵌連結無法點選 不明 速度可, 不適合呈現簡報 n/a 可設定(1)不公開, (2)(透過Email)分享給好友, (3)公開 (1)簡報部分樣式會跑掉。 (2)可嵌入Blog (3)讀者不方便複製簡報文字。 (拜訪日: 2007-11-28)
V Google Docs PPT, PPS, PDF 中文顯示OK, 內嵌連結可點選 10MB (1)簡報呈現時, 可與讀者進行文字對談, (2)提供讀者跟隨簡報者正在說明的該張簡報。 (3)速度不錯 n/a 可設定(1)不公開, (2)分享給好友, (3)公開 (1)其他使用者可以列印或輸出成PDF下載 (2)可嵌入Blog (拜訪日: 2008-07-24)
Scribd PPT, PS, PDF, more... 中文顯示OK, 但內嵌連結無法點選 中文顯示OK, 但內嵌連結無法點選 無資訊 速度不錯 內建的英文語音轉檔, 對中文文件不太有意義 可設定不公開, 只分享給好友 文件線上轉檔與分享網站, 並非針對簡報檔案類型設計(拜訪日: 2007-07-29)
V SlideShare (Featured Slideshows) PPT, PPS, PDF, ODP (說明) 中文顯示OK, 但內嵌連結必須在中間區域才能點選, 被上一張/下一張的導覽功能干擾 中文會掉字 100MB 速度較慢 可語音結合簡報播放(Slidecasting) 可設定是否公開 (1)建議額外提供原始簡報檔; 檢查中文掉字或擠在一起 (2)作者決定是否可下載簡報 (3)可嵌入Blog (拜訪日: 2008-07-24)
Thinkfree (Top rated prensentations) .doc, .ppt, .xls, .pdf, .rtf, .dot, .pot, .pps, .xlt, .csv, .txt, .hwp... FAQ 中文顯示OK, 但內嵌連結無法點選 中文顯示OK, 且內嵌連結可點選 10MB 速度不錯, 並提供大綱模式 可設定草稿或公開(公開之後, 無法切換回草稿) (拜訪日: 2007-08-27)
Zoho Show (Popular Presentations) PPT, PPS, ODP, SXI 中文會掉字 N/A 10MB 速度不錯 可選擇設定公開與否 (拜訪日: 2007-08-22)

錄音[edit]

直接錄製電腦發出的聲音(不是從麥克風收音)

  • 開啟「音量控制」 -> 「選項」 -> 音量調整用於「錄音」: 點選「聲波輸出混音器」 (其他音效卡可能有其他名稱,ex: Stereo Mix、Wave Out Mix、立體聲混音)
  • 出現「錄音控制」視窗 -> 選取「聲波輸出混音器」 ,即可。
如何側錄YouTube影片、廣播、網頁背景音樂,並存成MP3?     【重灌狂人】