html5 cs应用,HTML5互动式网页应用-CSIE-联大资工学系(所).PDF

HTML5互动式网页应用-CSIE-联大资工学系(所)

HTML5互動式網頁應用

HTML5 Interactive Web Applications

學生：吳庭毓、張裕量、張伯彰、吳庭蓁

指導老師：蔡彥興

國立聯合大學 資訊工程學系

苗栗市恭敬里聯大一號

ystsai@.tw

emotional communication between friends

摘要

and more intimate social interaction, and

現今科技的蓬勃發展，讓行動裝置 add more variables in the process Facetalk's

(Mobile device )越來越普及，使用行動 like guessing the other thoughts.

載具玩遊戲消磨時間或尋找樂趣的人數急

速攀升。但無論是網頁遊戲或是手機 app

目的

遊戲，對著冰冷的螢幕都會讓人感到孤

單。所以若能在遊戲內添加和朋友即時對 製作此作品的主要目的為增加遊戲的

話及視訊的功能或許能改變現今遊戲潮 交誼性。在視訊聊天的同時，配合網頁小

流。 遊戲來增加話題或消磨時間，藉此提升朋

本篇文是製作網頁結合視訊社群遊 友間的情誼交流。

戲，可讓朋友間情感交流及社交互動更加

親近，而且在 Facetalk的過程中可增加更

研究方法

多變數，如猜測對方心思。

關鍵字 ：行動裝置、即時對話 、視訊 、 藉由結合HTML5以及WebRTC兩項基本

Facetalk 技術，達到使用行動App運行網頁結合視

訊之技術。

Abstract

Today booming technology, let Mobile 1. HTML5部分

Device is becoming increasingly popular. 使用 HTML5撰寫 Web App ，使PC端及

Use the number of mobile carriers spend 手機端使用者皆能使用同樣的App應用。

time playing games or looking for fun rapid 並在螢幕解析度方面加入適應性設計

rise. (Responsive design )，調整在不同解析度

But whether it is a web app game or 上的行動裝置顯示效果。

cell phone games, cold front screen will feel

lonely.So if we add and friends in live chat 2. WebRTC部分

and video games may alter the function of WebRTC可在網頁中建立即時視訊串

the current game trends. 流。本機建立Peer Connection並傳送Call