diff --git a/.settings/.jsdtscope b/.settings/.jsdtscope
index f5d6a6f..11dfb48 100644
--- a/.settings/.jsdtscope
+++ b/.settings/.jsdtscope
@@ -1,10 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <classpath>
-	<classpathentry kind="src" path="">
-		<attributes>
-			<attribute name="provider" value="org.eclipse.wst.jsdt.web.core.internal.project.ModuleSourcePathProvider"/>
-		</attributes>
-	</classpathentry>
+	<classpathentry kind="src" path="WebRoot"/>
 	<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.JRE_CONTAINER"/>
 	<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.WebProject">
 		<attributes>
diff --git a/README.md b/README.md
index 5e08dcd..93c177e 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,68 @@
 # recorder-online-upload
+
+## 简介
+1. 在线录音并直接上传到服务器
+2. 封装了[FlashWavRecorder](https://github.com/cykod/FlashWavRecorder)
+
+## 使用
+1. 运行
+	1. 请下载本项目，并导入myeclipse中
+	2. 跑起项目，访问http://localhost:8080/recorder-online-upload查看效果
+2. 定制
+	1. 打开WEB-INF/view/index.html
+	2. 只有以下代码是需要的：
+
+	<script type="text/javascript" src="${base}/WUI/qrecord/js/swfobject.js"></script>
+	<script type="text/javascript" src="${base}/WUI/qrecord/js/recorder.js"></script>
+	<script type="text/javascript" src="${base}/WUI/qrecord/js/main.js"></script>
+	<link rel="stylesheet" href="${base}/WUI/qrecord/style.css">
+	<div class="qcontainer" id="myRecordDiv">
+		<div id="recorder-audio" class="control_panel idle">
+			<button class="record_button" onclick="FWRecorder.record('audio', 'audio.wav');" title="Record">
+				<img src="${base}/WUI/qrecord/images/record.png" alt="开始录音">
+			</button>
+			<button class="stop_recording_button" onclick="FWRecorder.stopRecording('audio');" title="Stop Recording">
+				<img src="${base}/WUI/qrecord/images/stop.png" alt="停止录音">
+			</button>
+			<button class="play_button" onclick="FWRecorder.playBack('audio');" title="Play">
+				<img src="${base}/WUI/qrecord/images/play.png" alt="播放">
+			</button>
+			<button class="pause_playing_button" onclick="FWRecorder.pausePlayBack('audio');" title="Pause Playing">
+				<img src="${base}/WUI/qrecord/images/pause.png" alt="暂停">
+			</button>
+			<button class="stop_playing_button" onclick="FWRecorder.stopPlayBack();" title="Stop Playing">
+				<img src="${base}/WUI/qrecord/images/stop.png" alt="停止">
+			</button>
+			<div class="level"></div>
+		</div>
+	
+		<div class="details">
+			<button class="show_level" onclick="FWRecorder.observeLevel();">显示声波</button>
+			<button class="hide_level" onclick="FWRecorder.stopObservingLevel();" style="display: none;">隐藏声波</button>
+			<button class="show_settings" onclick="microphonePermission()">麦克风权限</button>
+			<span id="save_button" style="display:inline-block;"> 
+				<object data="${base}/WUI/qrecord//recorder.swf" name="recorderApp" id="recorderApp" type="application/x-shockwave-flash" height="24" width="24"><param value="upload_image=${base}/WUI/qrecord/images/upload.png" name="flashvars"></object> 
+			</span>
+			<div id="status">最后的录音事件：ready</div>
+			<div>录音时长：<span id="duration"></span></div>
+			<div>上传状态：<span id="upload_status"></span></div>
+			<input value="" id="qrecordId" type="hidden">
+		</div>
+	
+		<!-- 这个form的action写上传路径 -->
+		<form id="uploadForm" name="uploadForm" action="${base}/upload">
+			<input name="authenticity_token" value="xxxxx" type="hidden">
+			<input name="upload_file[parent_id]" value="1" type="hidden">
+			<input name="format" value="json" type="hidden">
+		</form>
+	</div>
+
+	3. 将上面代码中的${base}替换成自己项目的路径
+	4. 将上面代码中form的action替换成自己的上传文件处理action
+	5. 将main.js中一些base路径替换为自己对应的路径
+## 详细说明
+详细说明请访问这里[]()
+
+## 作者
+1. uikoo9
+2. 欢迎访问[uikoo9.com](http://uikoo9.com)
diff --git a/WebRoot/WEB-INF/view/inc/inc-bootstrapq.html b/WebRoot/WEB-INF/view/inc/inc-bootstrapq.html
deleted file mode 100644
index 555d97b..0000000
--- a/WebRoot/WEB-INF/view/inc/inc-bootstrapq.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<#include "/com/uikoo9/util/jfinal/view/common/inc.html"/>
-
-<#-- bshead -->
-<#macro bshead pos='top' sname='bootstrapQ' shref='http://uikoo9.com/bootstrapQ'>
-	<nav role="navigation" class="navbar navbar-default">
-		<div class="container">
-			<div class="navbar-header">
-				<button data-target="#bsnav" data-toggle="collapse" class="navbar-toggle" type="button">
-					<span class="sr-only">导航条</span>
-					<span class="icon-bar"></span>
-					<span class="icon-bar"></span>
-					<span class="icon-bar"></span>
-				</button>
-				<a href="${shref}" class="navbar-brand"><strong class="text-primary">${sname}</strong></a>
-			</div>
-			
-			<div class="collapse navbar-collapse" id="bsnav">
-				<ul class="nav navbar-nav">
-					<li><a href="${base}/bootstrapQ" id="bstro-home">首页</a></li>
-					<li><a href="${base}/bootstrapQ/docs">文档</a></li>
-					<@uikoo9/>
-				</ul>
-			</div>
-		</div>
-	</nav>
-</#macro>
\ No newline at end of file
diff --git a/WebRoot/WEB-INF/view/inc/inc-dishi.html b/WebRoot/WEB-INF/view/inc/inc-dishi.html
deleted file mode 100644
index 3c5d076..0000000
--- a/WebRoot/WEB-INF/view/inc/inc-dishi.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<#include "/com/uikoo9/util/jfinal/view/common/inc.html"/>
-
-<#-- bshead -->
-<#macro bshead pos='top' sname='滴石' shref='http://uikoo9.com/dishi'>
-	<nav role="navigation" class="navbar navbar-default">
-		<div class="container">
-			<div class="navbar-header">
-				<button data-target="#bsnav" data-toggle="collapse" class="navbar-toggle" type="button">
-					<span class="sr-only">导航条</span>
-					<span class="icon-bar"></span>
-					<span class="icon-bar"></span>
-					<span class="icon-bar"></span>
-				</button>
-				<a href="${shref}" class="navbar-brand"><strong class="text-primary">${sname}</strong></a>
-			</div>
-			
-			<div class="collapse navbar-collapse" id="bsnav">
-				<ul class="nav navbar-nav">
-					<li><a href="${base}/dishi">首页</a></li>
-					<li><a href="${base}/dishi/download">下载</a></li>
-					<@uikoo9/>
-				</ul>
-				<ul class="nav navbar-nav navbar-right">
-					<#if user??>
-						<li class="dropdown">
-							<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">${user.ucenter_user_name}<span class="caret"></span></a>
-							<ul class="dropdown-menu" role="menu">
-								<li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:void(0);" class="modifyPwd">修改密码</a></li>
-								<li role="presentation"><a role="menuitem" tabindex="-1" href="${base}/login/logout">退出系统</a></li>
-							</ul>
-						</li>
-					<#else>
-						<li><a href="${base}/dishi/reg">注册</a></li>
-						<li><a href="${base}/dishi/login">登录</a></li>
-					</#if>
-				</ul>
-			</div>
-		</div>
-	</nav>
-</#macro>
\ No newline at end of file
diff --git a/WebRoot/WEB-INF/view/inc/inc-jfinalq.html b/WebRoot/WEB-INF/view/inc/inc-jfinalq.html
deleted file mode 100644
index 2dcfc53..0000000
--- a/WebRoot/WEB-INF/view/inc/inc-jfinalq.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<#include "/com/uikoo9/util/jfinal/view/common/inc.html"/>
-
-<#-- bshead -->
-<#macro bshead pos='top' sname='jfinalQ' shref='http://uikoo9.com/jfinalQ'>
-	<nav role="navigation" class="navbar navbar-default">
-		<div class="container">
-			<div class="navbar-header">
-				<button data-target="#bsnav" data-toggle="collapse" class="navbar-toggle" type="button">
-					<span class="sr-only">导航条</span>
-					<span class="icon-bar"></span>
-					<span class="icon-bar"></span>
-					<span class="icon-bar"></span>
-				</button>
-				<a href="${shref}" class="navbar-brand"><strong class="text-primary">${sname}</strong></a>
-			</div>
-			
-			<div class="collapse navbar-collapse" id="bsnav">
-				<ul class="nav navbar-nav">
-					<li><a href="${base}/jfinalQ">首页</a></li>
-					<li><a href="${base}/jfinalQ/docs">文档</a></li>
-					<@uikoo9/>
-				</ul>
-			</div>
-		</div>
-	</nav>
-</#macro>
\ No newline at end of file
diff --git a/WebRoot/WEB-INF/view/inc/inc.html b/WebRoot/WEB-INF/view/inc/inc.html
deleted file mode 100644
index 1de4a2f..0000000
--- a/WebRoot/WEB-INF/view/inc/inc.html
+++ /dev/null
@@ -1,74 +0,0 @@
-<#include "/com/uikoo9/util/jfinal/view/common/inc.html"/>
-
-<#-- bshead -->
-<#macro bshead pos='top' sname='uikoo9.com' shref='http://uikoo9.com/'>
-	<nav role="navigation" class="navbar navbar-default">
-		<div class="container">
-			<div class="navbar-header">
-				<button data-target="#bsnav" data-toggle="collapse" class="navbar-toggle" type="button">
-					<span class="sr-only">导航条</span>
-					<span class="icon-bar"></span>
-					<span class="icon-bar"></span>
-					<span class="icon-bar"></span>
-				</button>
-				<a href="${shref}" class="navbar-brand"><strong class="text-primary">${sname}</strong></a>
-			</div>
-			
-			<div class="collapse navbar-collapse" id="bsnav">
-				<ul class="nav navbar-nav">
-					<#if user??>
-						<#if user.ucenter_user_type == '010102'>
-							<li><a href="${base}/bill">首页</a></li>
-							<li class="menus" data="url:/bill/detail;"><a href="javascript:void(0);">收支明细</a></li>
-							<li class="menus" data="url:/bill/account;"><a href="javascript:void(0);">账户管理</a></li>
-							<li><a href="${base}/diary/list">看日记</a></li>
-							<li><a href="${base}/diary/edit">写日记</a></li>
-							<li><a href="${base}/blog/listForUser">看博客</a></li>
-							<li><a href="${base}/blog/edit">写博客</a></li>
-						</#if>
-						<#if user.ucenter_user_type == '010101'>
-							<#list menus as menu>
-								<#if menu.submenus()?size gt 0>
-									<li class="dropdown">
-										<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">${menu.ucenter_menu_title}<span class="caret"></span></a>
-										<ul class="dropdown-menu" role="menu">
-											<#list menu.submenus() as item>
-												<li role="presentation" class="menus" data="url:${item.ucenter_menu_url};"><a role="menuitem" tabindex="-1" href="javascript:void(0);">${item.ucenter_menu_title}</a></li>
-											</#list>
-										</ul>
-									</li>
-								<#else>
-									<li class="menus" data="url:${menu.ucenter_menu_url};"><a href="javascript:void(0);">${menu.ucenter_menu_title}</a></li>
-								</#if>
-							</#list>
-						</#if>
-					<#else>
-						<li><a href="${base}/">首页</a></li>
-						<li><a href="${base}/blog/list">博客</a></li>
-						<li class="dropdown">
-							<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">作品<span class="caret"></span></a>
-							<ul class="dropdown-menu" role="menu">
-								<li role="presentation"><a role="menuitem" tabindex="-1" target="_blank" href="${base}/dishi">滴石</a></li>
-								<li role="presentation"><a role="menuitem" tabindex="-1" target="_blank" href="${base}/jfinalQ">jfinalQ</a></li>
-								<li role="presentation"><a role="menuitem" tabindex="-1" target="_blank" href="${base}/bootstrapQ">bootstrapQ</a></li>
-							</ul>
-						</li>
-						<li><a href="${base}/version">版本更新</a></li>
-						<@uikoo9/>
-					</#if>
-				</ul>
-				<ul class="nav navbar-nav navbar-right">
-					<#if user??>
-						<li class="dropdown">
-							<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">${user.ucenter_user_name}<span class="caret"></span></a>
-							<ul class="dropdown-menu" role="menu">
-								<li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:void(0);" class="modifyPwd">修改密码</a></li>
-								<li role="presentation"><a role="menuitem" tabindex="-1" href="${base}/login/logout">退出系统</a></li>
-							</ul>
-						</li>
-					</#if>
-				</ul>
-			</div>
-		</div>
-	</nav>
-</#macro>
\ No newline at end of file