近年由於線上分享影音資訊快速的發展，線上教學也成為了各方面資訊學習非常熱門的方式。雖然在網路上瀏覽影片很方便，但是只限於完整影片的搜尋，在網路上到處可見數十分鐘長的影片，如果只想觀看影片的特定片段，或是從中間某個場景開始瀏覽，就要花上不少時間在尋找正確的時間點上，例如耗費許多額外的時間從頭觀賞或者是直接點選時間條。
本研究主要以HTML5、JSP、XML、eXist、NFC等技術實現行動視訊播放與管理系統。利用OpenCV來分析影片內容，找出關鍵畫面並做為影片的分段點，自動為整部影片分割成多個片段，系統依照影片類別，要求使用者輸入和此類別相關的片段資料並以XML的格式儲存相關資訊，並以原生XML資料庫eXist儲存XML文件，並且利用XQuery查詢語言查詢資料庫中影片及片段內容，讓使用者能夠快速地找到想要瀏覽的影片內容，例如運動影片的精彩畫面或是英語教學影片中的特定授課內容、角色對話，增加使用者瀏覽影片的效率。我們使用HTML5、CSS、JavaScript設計出影片的瀏覽頁面，在不需要額外安裝任何的附加元件情況下就能夠正常的播放影片內容，能夠提供使用者無論是行動裝置或是個人電腦都有一個良好的瀏覽環境。另外本系統透過與NFC技術結合，感應不同的場所以及不同功能的tag，產生出更多樣化的用途。
(關鍵詞: HTML5、XML、eXist、JSP、智慧型手機、NFC)

　　Due to the fast development of sharing audio and video contents online in recent years，teaching online also becomes a popular way of information learning. Although watching videos on the Internet is very convenient, but only in Full video searching，on the Internet a lot of videos the duration is tens of minutes, if the viewer only want to watch a particular clip，it will spend a lot of time to search the right way，for example，you should watch the video from Beginning or click the time line directly.
　　In this thesis，we use HTML5、 JSP、 XML、 eXist and NFC to develop the Playing and Management system for Mobile Video. we use OpenCV to analyze video contents, find the key frame and be the time of video segmentation, and split the whole video into multiple segments automatically, the system follows the video category, allow users to enter the relevant data and store the data use XML format. we use the native XML database eXist to store XML documents, and use XQuery to query the data of videos and segments, so users can find the video or segment they want to watch such as highlights of sport video and specific contents and dialogues of English teaching video, increase the efficiency of watching videos. We use HTML5、CSS and JavaScript to design the movie watching page，so it can play video without install any additional add-ons，provide users a good environment whether use mobile device users or personal computer. In addition our system combine with NFC technology to produce more applications by touch the tags of different functions at different places.

(keywords: HTML5、XML、video sharing、split video、Smart Phone、NFC)

[1] 劉曉華, 張健, 周慧貞JSP應用開發詳解 (初版 ed.). 台北市:文魁資訊
股份有限公司.(2007, Sep)
[2] 簡孟軍 以XML原生資料庫及Silverlight網頁技術實現影音管理儲存庫之研究. 國立臺灣師範大學資訊工程研究所碩士論文.(2010)
[3] 栢慶瑞 語言學習之影音索引技術研究. 國立臺灣師範大學資訊工程研究所碩士論文.(2011)
[4] 涂長助 以XML原生資料庫實現影音管理儲存庫之研究. 國立臺灣師範大學資訊工程研究所碩士論文.(2009)
[5] Alexa Top 500 Global Sites http://www.alexa.com/topsites
[6] eXist-db Open Source Native XML Database.
http://exist.sourceforge.net/
[7] DCMI Home: Dublin Core® Metadata Initiative (DCMI)
http://dublincore.org/
[8] OpenCV | OpenCV http://opencv.org/
[9] Gartner Says Worldwide Sales of Mobile Phones Declined 3 Percent in
Third Quarter of 2012; Smartphone Sales Increased 47 Percent
http://www.gartner.com/newsroom/id/2237315
[10] NFC Forum http://www.nfc-forum.org/home/
[11] The Protégé Ontology Editor and Knowledge Acquisition System
http://protege.stanford.edu/
[12] JDOM http://www.jdom.org/
[13] Chueh-Wei Chang, Kuan-Ying Li. A Representative Images Selection Method for Videos of Multiple Scenes
[14] W3C Recommendation (2007, Jan). XQuery 1.0: An XML Query Language. Retrieved from
http://www.w3.org/TR/xquery/
[15] D. Peintner, H. Kosch, J. Heuer. Efficient XML Interchange for rich internet
applications. Multimedia and Expo, 2009. ICME 2009. IEEE International Conference on
[16] XingYan, Lei Yang, Shanzhen Lan, Xiaolong Tong. Application of HTML5 Multimedia. 2012 International Conference on Computer Science and Information Processing (CSIP)
[17] S. Chen, J. Zornig, N. Chester, P. A. Tregloan, A. Cody and M. J. Cheesman. VLPC: A HTML5 pharmacology virtual laboratory.Remote Engineering and Virtual Instrumentation (REV), 2012 9th International Conference on
[18] Engin Mendi, Coskun Bayrak. A Web-based Medical Video Indexing Environment. 2010 IEEE Fourth International Conference on Semantic
[19] I.A. Azzam,A. G. Charlapally,C.H.C. Leung,J.F, Horwood .Content-based Image Indexing and Retrieval with XML Representations. Proceedings of 2004 International Symposium on Intelligent Multimedia. Video and Speech Processing October 20-22.2004 Hong Kong
[20] Megrhi Sameh, Souidène , Azeddine Beghdadi, Chokri B. Amar.Video Indexing Using Salient Region Based Spatio-temporal Segmentation Approach. Multimedia Computing and Systems (ICMCS), 2012 International Conference on
[21] Chen Li-Li, Liu Zheng-Long. Design of Rich Client Web Architecture Based on HTML5 .Computational and Information Sciences (ICCIS), 2012 Fourth International Conference on
[22] P. Garaizar, M.A. Vadillo , D. López-de-Ipiña. Benefits and pitfalls of using HTML5 APIs for online experiments and simulations.Remote Engineering and Virtual Instrumentation (REV), 2012 9th International Conference on
[23] E. Quacchio , G. Bruno, M. Grangetto. An HTML5 player for a gstreamer based MPEG DASH client, Visual Communications and Image Processing (VCIP), 2012 IEEE
[24] Arno Bakker,Riccardo Petrocco,Michael Dale,Jan Gerber,Victor Grishchenko,Diego Rabaioli,Johan Pouwelse.Online video using BitTorrent and HTML5 applied to Wikipedia, IEEE P2P 2010 proceedings