1.修改开始上课,增加退出按钮

2.增加swf文件,替换flashvideo.js 3.完善文档模块

1.修改开始上课,增加退出按钮
2.增加swf文件,替换flashvideo.js 3.完善文档模块
张桐
Commit b7be7d7aa95e1de380f766c799aad85343123dda b7be7d7a 1 parent 22dde486
css/main.css
expressInstall.swf
flashvideo.swf
index.html
src/main.js
src/videoWithFlash.js
src/xdyVideo.js
--- a/css/main.css
查看文件 @b7be7d7
+++ b/css/main.css
查看文件 @b7be7d7
@@ -227,7 +227,7 @@ height: 1080px;
     border: 0;
     background: #f2f2f2;
     color: #2a3e4d;
-    margin-left: 25px;
+    /*margin-left: 25px;*/
     font-size: 14px;
     text-shadow: 12px 0 0 0;
@@ -267,9 +267,44 @@ height: 1080px;
     width: 100px;
     height: 20px;
 }
+.am-modal-confirm-cancel .exitCancel{
+    width: 66px;
+    height: 32px;
+    margin-left: 74px;
+    font-size: 12px;
+    color: white;
+    background: #b2b2b2;
+}
+.am-modal-confirm-cancel .exitEnsure{
+    width: 66px;
+    height: 32px;
+    margin-left: 12px;
+    font-size: 12px;
+    color: white;
+    background: #3598db;
+}
+
+
     /*修改amazeui.min.css*/
+.classNowBtn{
+    margin-right: 10px;
+}
+    .exitClose{
+        position:absolute;
+        right: 0px;
+    }
+    .exitCurClass{
+        margin-left: 0px;
+    }
+  .header .classStatus{
+        width: 88px;
+    }
+    .am-active > .am-dropdown-content{
+    z-index: 1;
+    }
+
     .am-btn-primary.am-active, .am-btn-primary:active, .am-dropdown.am-active .am-btn-primary.am-dropdown-toggle{
         background:none;
     }
@@ -279,7 +314,7 @@ height: 1080px;
     .am-dropdown-content {
         min-width: 0;
         z-index: 3000;
-        left: 10px;
+        left: -12px;
         height: 65px;
         border: 1px solid #e0e0e0;
         box-shadow: 1px;
@@ -687,7 +722,7 @@ height: 1080px;
 .am-modal-dialog .p-text{
     font-size: 14px;
     color: #2a3e4d;
-    margin-top: 58px;
+    margin-top:44px;
     line-height: 14px;
 }
@@ -800,6 +835,8 @@ height: 1080px;
 }
 .am-dropdown{
     float: right;
+    width: 72px;
+
 }
 .am-dropdownClass{
@@ -1426,6 +1463,7 @@ height: 1080px;
 .chat {
+
     position: absolute;
     bottom: 12px;
     height:208px;
@@ -2923,6 +2961,7 @@ canvas {
         height: 100%;
     }
     .chat{
+
         width:256px;
         height: 146px;
         bottom: 5px;
@@ -3898,6 +3937,7 @@ canvas {
     }
     .chat{
+
         width:240px;
         height: 114px;
         bottom:5px;
@@ -4737,6 +4777,7 @@ canvas {
 .triangle-isosceles {
     position: relative;
+    bottom: 2px;
     padding: 6px 10px 6px 10px;
     border-radius: 8px;
     display: inline-block;
@@ -4747,6 +4788,7 @@ canvas {
 .stutriangle-isosceles {
     float:right;
     position: relative;
+    bottom: 2px;
     padding: 6px 10px 6px 10px;
     border-radius: 8px;
     display: inline-block;
@@ -4789,3 +4831,23 @@ canvas {
     height: 10px;
     background: url(../images/arrow-r.png) 50% 50%;
 }
+
+
+.coverDiv{
+    z-index: 10;
+    height: 442px;
+    width: 217px;
+    background: #c3e0f2;
+    position: absolute;
+    right: -24px;
+    top: 213px;
+}
+.coverDivBot{
+    z-index: 10;
+    height: 100px;
+    width: 246px;
+    background: #c3e0f2;
+    position: absolute;
+    right: 193px;
+    bottom: -100px;
+}
--- a/expressInstall.swf 0 → 100644
查看文件 @b7be7d7
+++ b/expressInstall.swf 0 → 100644
查看文件 @b7be7d7
--- a/flashvideo.swf 0 → 100644
查看文件 @b7be7d7
+++ b/flashvideo.swf 0 → 100644
查看文件 @b7be7d7
--- a/index.html
查看文件 @b7be7d7
+++ b/index.html
查看文件 @b7be7d7
@@ -10,7 +10,6 @@
     <link rel="stylesheet" type="text/css" href="css/amazeui.min.css">
     <link rel="stylesheet" type="text/css" href="css/main.css">
-
     <script type="text/javascript" src="src/xdyVideo.js"></script>
     <!--拖拽工具条-->
     <script type="text/javascript" src="js/xdyEvent.js"></script>
@@ -65,7 +64,8 @@
     </div>
 </div>
-
+<!--<div class="coverDiv"></div>-->
+<!--<div class="coverDivBot"></div>-->
 <!--1v1互动课堂-->
 <div class="box">
@@ -74,8 +74,16 @@
         <li class="classroom">课堂主题:<a id="classCurName" href="javascript: void(0)"></a></li>
         <li class="classCurId">用户ID:<a id="classCurId" href="javascript: void(0)"></a></li>
+        <!--退出-->
+        <div class="am-dropdown exitCurClass" data-am-dropdown>
+            <button id="exitCurClass" class=" am-btn am-btn-primary am-dropdown-toggle exitCurClass "
+                    data-am-modal="{target: '#exit-classes', closeViaDimmer: 0, width: 340, height: 172}"
+                    data-am-dropdown-toggle><span class="span-setting iconfont">&#xe607;</span>退出
+            </button>
+
+        </div>
         <!--设置-->
-        <div class="am-dropdown" data-am-dropdown>
+        <div class="am-dropdown  setCurClass" data-am-dropdown>
             <button id="openCamera" class="setting am-btn am-btn-primary am-dropdown-toggle "
                     data-am-modal="{target: '#setting-modal-1', closeViaDimmer: 0, width: 405, height: 400}"
                     data-am-dropdown-toggle><span class="span-setting iconfont">&#xe631;</span>设置
@@ -148,16 +156,16 @@
         <!--帮助-->
-        <div class="am-dropdown " data-am-dropdown>
+        <div class="am-dropdown helpCurClass" data-am-dropdown>
             <a href="javascript: void(0)"><button  class="am-btn am-btn-primary am-dropdown-toggle " data-am-dropdown-toggle><span
                     class="span-help iconfont">&#xe608;</span>帮助
             </button></a>
         </div>
         <!--右侧未开始-->
-        <div class="am-dropdown classStatus" data-am-dropdown>
-            <button type="button" class="am-btn am-btn-primary am-dropdown-toggle " data-am-dropdown-toggle><span
-                    id="span-iconfont" class="span-classes iconfont">&#xe62b;</span><span id="class-now">未开始</span>
+        <div class="classStatus am-dropdown " data-am-dropdown>
+            <button type="button" class="am-btn am-btn-primary  classNowBtn" data-am-dropdown-toggle><span
+                    id="span-iconfont" class="span-classes iconfont">&#xe62b;</span><span id="class-now" class="classNow">未开始</span>
             </button>
             <ul class="am-dropdown-content">
@@ -200,39 +208,35 @@
         </div>
-        <!--弹出层-结束课堂-->
-        <div class="am-modal am-modal-no-btn" tabindex="-1" id="end-classes">
+        <!--弹出层退出课堂-->
+        <div class="am-modal am-modal-no-btn" tabindex="-1" id="end-classes-1">
             <div class="am-modal-dialog">
-
-                <p id="p-text-1" class="p-text">确定停止录制吗?</p>
+                <a href="javascript: void(0)" class="am-close am-close-spin exitClose" data-am-modal-close>&times;</a>
+                <p class="p-text">确定要退出当前课堂吗?</p>
                 <div class="am-modal-confirm-cancel">
-                    <button id="confirm-1" data-am-modal-close type="button"
-                            class="confirm am-btn am-btn-primary"
-                            data-am-modal="{target: '#end-classes-1', closeViaDimmer: 0, width: 340, height: 172}">确定
-                    </button>
-                    <button class="cancel" data-am-modal-close>取消</button>
+                    <button id="end" class="confirm" data-am-modal-close>结束课堂</button>
+                    <button id="end-no-exit" class="cancel-1" data-am-modal-close>退出，不结束课堂</button>
                 </div>
             </div>
         </div>
-
-        <!--弹出层-正在上课-->
-        <div class="am-modal am-modal-no-btn" tabindex="-1" id="end-classes-1">
+        <!--弹出退出-->
+        <!--弹出层退出课堂-->
+        <div class="am-modal am-modal-no-btn" tabindex="-1" id="exit-classes">
             <div class="am-modal-dialog">
-
+                <a href="javascript: void(0)" class="am-close am-close-spin exitClose" data-am-modal-close>&times;</a>
                 <p class="p-text">确定要退出当前课堂吗?</p>
                 <div class="am-modal-confirm-cancel">
-                    <button id="end" class="confirm" data-am-modal-close>结束课堂</button>
-                    <button id="end-no-exit" class="cancel-1" data-am-modal-close>退出，不结束课堂</button>
+                    <button id="exitClass" class="exitEnsure" data-am-modal-close>确定</button>
+                    <button  class="exitCancel" data-am-modal-close>取消</button>
                 </div>
             </div>
         </div>
-
     </div>
     <!--内容-->
     <div class="content clear">
@@ -354,7 +358,7 @@
         <!--右侧-->
         <div id="right" class="right">
             <div class="studentVideo">
-                <div class="stuPublish" style="position:absolute;top: 0; width:240px;height:180px">
+                <div class="stuPublish" style="position:absolute;top: 0; width:240px;height:180px;">
                     <div id="stuPublish"></div>
                 </div>
                 <div class="stuPlay" style="position:absolute;top: 0; width:240px;height:180px">
@@ -375,7 +379,7 @@
             </div>
             <div class="teacherVideo">
-                <div class="publish" style="position:absolute;top: 0; width:400px;height:300px; ">
+                <div class="publish" style="position:absolute;top: 0; width:240px;height:180px; ">
                     <div id="publish"></div>
                 </div>
                 <div class="play" style="position:absolute;top: 0; width:240px;height:180px">
@@ -429,7 +433,7 @@
                 <div class="input-send clear">
                     <button id="btn_send" class="send" type="submit">发送</button>
                     <div class="input-face">
-                        <input id="txt_message" maxlength="20" type="text"/>
+                        <input id="txt_message" maxlength="20" onkeyup="this.value=this.value.replace(/^ +| +$/g,&#34;&#34;)" type="text"/>
                         <span id="face" class="face iconfont">&#xe632;</span>
                     </div>
--- a/src/main.js
查看文件 @b7be7d7
+++ b/src/main.js
查看文件 @b7be7d7
@@ -323,6 +323,8 @@ function switchDoc(msg) {
     };
     client.sendDocumentSwitchDoc(paramInfo);
     console.log("此时数组中存储的数=====",fileFromArr);
+
+
 }
@@ -378,14 +380,16 @@ function uploadFile(msg){
 function docUpdate(callbackData){
     console.log("监听文档更新=========================>");
     console.log(callbackData);
+
     if(callbackData==null){
         return;
     }
+    //操作数据
+    updateDocList(callbackData,0);
     if (callbackData.visible===true){
         showInter(callbackData,2);
     }
-    //操作数据
-    updateDocList(callbackData,0);
+
@@ -402,7 +406,7 @@ function showInter(_data,isPage){
         fileItemIdx=_data.itemIdx
         if(_data.fileType=="doc"||_data.fileType=="pdf"){
-
+            showTurnPage();
             $("#showImg").css("display","none");
             $(".docImage").css("display","block");
             $(".canvas_container").css("overflow-y","scroll");
@@ -432,6 +436,7 @@ function showInter(_data,isPage){
         if(docfullSingle){
             $("#docImage").attr("src",docfullSingle);
+            showTurnPage();
         }else {
         }
@@ -463,9 +468,10 @@ function showInter(_data,isPage){
         }
     else if(_data.fileType=="jpg"){
+            hideTurnPage();
             $("#canvas").height(476);
-            $(".docImage").css("display","none");
+            $("#docImage").css("display","none");
             $("#showImg").css("display","block");
             $(".canvas_container").scrollTop(0);
             $(".canvas_container").css("overflow","hidden");
@@ -482,7 +488,7 @@ function showInter(_data,isPage){
             console.log("mcu返回给我的地址==========");
             console.log(docfullPath);
             imgUrl = docfullPath[0];
-            $("#showImg").css("display","block");
+
             $("#showImg").attr("src",imgUrl);
@@ -491,8 +497,9 @@ function showInter(_data,isPage){
         }
         else if(_data.fileType=="png"){
+        hideTurnPage();
             $("#canvas").height(476);
-            $(".docImage").css("display","none");
+            $("#docImage").css("display","none");
             $("#showImg").css("display","block");
             $(".canvas_container").css("overflow","hidden");
             var _fileType="png";
@@ -507,9 +514,7 @@ function showInter(_data,isPage){
             console.log("mcu返回给我的地址==========");
             console.log(docfullPath);
             imgUrl = docfullPath[0];
-            $("#showImg").css("display","block");
             $("#showImg").attr("src",imgUrl)
-            $("#docCanvas").css("display","none");
         }
@@ -555,11 +560,7 @@ function docDelete(callbackData){
     $(".doc-headline-a").trigger("click");
     if (fileFromArr.length==0){
         $("#docImage").attr("src","");
-        $(".next-page ").css("display","none");
-        $(".total-page").css("display","none");
-        $(".bias").css("display","none");
-        $(".cur-page").css("display","none");
-        $(".prev").css("display","none");
+        hideTurnPage();
     }
 }
@@ -590,7 +591,12 @@ function updateDocList(_data,isAdd) {
                 $("#showImg").attr("src","");
                 $(".canvas_container").css("overflow-y","hidden");
                 $(".canvas_container").scrollTop(0);
-                hideTurnPage();
+
+
+
+                if($("#docImage").attr("src")==""){
+                        hideTurnPage();
+                }
                 if (classAllInfo.userRole=="normal"){
                     $("#showImg").css("display","block");
                     $("#docImage").attr("src","");
@@ -599,6 +605,14 @@ function updateDocList(_data,isAdd) {
                     $(".canvas_container").css("overflow-y","hidden");
                 }
+                if (classAllInfo.userRole=="host"){
+                    $("#showImg").css("display","block");
+                    $("#docImage").attr("src","");
+                    $("#showImg").attr("src","");
+                    $(".canvas_container").scrollTop(0);
+                    $(".canvas_container").css("overflow-y","hidden");
+                }
+
             fileFromArr.splice(i,1);
             }
@@ -957,15 +971,25 @@ function classJoinSuccess(callbackData){
     //去掉复制功能
     // document.body.onselectstart=document.body.oncontextmenu=function(){ return false;}
-//进入成功后  画笔可以使用
-    $(".Color1").trigger("click");
-    $(".pencil").trigger("click");
+
+
+    $(".canvas_container").scrollTop(0);
+    $(".canvas_container").css("overflow-y","hidden");
+
+    if (callbackData.userRole=="host") {
+        //进入成功后  画笔可以使用
+        $(".Color1").trigger("click");
+        $(".pencil").trigger("click");
+    }
+
    //根据用户权限,隐藏不同界面,如果是学生,隐藏白板
     if (callbackData.userRole=="normal"){
     $("#tool").css("display","none");
     $(".fileUpload").css("display","none");
-    $(".am-dropdown").css("display","none");
+    $(".setCurClass").css("display","none");
+    $(".helpCurClass").css("display","none");
+    $(".classStatus").css("display","none");
     $("#stuVideo-video").css("display","none");
     $("#stuVideo-voice").css("display","none");
     $("#teacherVideo-video").css("display","none");
@@ -992,6 +1016,14 @@ function layoutView( ) {
         "display":"block"
     });
+    $("#class-now").click(function () {
+        $(".am-dropdown-content").css({"z-index":"1","display":"block"});
+    });
+
+    $(".am-dropdown-content").mouseleave(function () {
+        $(".am-dropdown-content").css({"z-index":"-1","display":"block"});
+    })
+
     //加入课堂成功后,点击开始上课
     $("#classes-status-begin").click(function () {
         $(".am-dropdown-content-li-stop-gray").css("display","none");
@@ -1001,6 +1033,8 @@ function layoutView( ) {
         $(".am-dropdown-content-li-pause").css("display","block");
         $(".span-classes").html("&#xe609;");
         $("#class-now").html("直播中");
+
+        $(".am-dropdown-content").css("z-index","-1");
         client.sendStartClass();
     });
     //暂停课堂
@@ -1009,6 +1043,8 @@ function layoutView( ) {
         $("#class-now").html("休息中");
         $(".am-dropdown-content-li-pause").css("display","none");
         $(".am-dropdown-content-li-rest").css("display","block");
+
+        $(".am-dropdown-content").css("z-index","-1");
         client.sendPauseClass();
     });
@@ -1022,6 +1058,11 @@ function layoutView( ) {
         client.leaveClass();
         $(".box").css("display", "none");
     });
+    //退出,但不结束课堂,是当前这个人退出
+    $("#exitClass").click(function () {
+        client.leaveClass();
+        $(".box").css("display", "none");
+    });
     //继续上课
     $("#classes-status-rest").click(function () {
         client.sendStartClass();
@@ -1029,6 +1070,7 @@ function layoutView( ) {
         $(".am-dropdown-content-li-pause").css("display","block");
         $(".span-classes").html("&#xe609;");
         $("#class-now").html("直播中");
+        $(".am-dropdown-content").css("z-index","-1");
     });
@@ -1066,16 +1108,16 @@ function layoutView( ) {
     // }
     $(".showBoardBtn").click(function () {
-        $(".docImage").css("display","none");
+        $(".docImage").css("z-index","none");
         $(".showImg").css("display","none");
     });
-    $(".fileUpload").click(function () {
-        $(".docImage").css("display","block");
-        $(".showImg").css("display","block");
-    });
+    // $(".fileUpload").click(function () {
+    //     $(".docImage").css("display","block");
+    //     $(".showImg").css("display","block");
+    // });
     $(document).keydown(function (e) {
-        if(event.keyCode==13){
+        if(e.keyCode==13){
             $("#btn_send").click();
         }
--- a/src/videoWithFlash.js
查看文件 @b7be7d7
+++ b/src/videoWithFlash.js
查看文件 @b7be7d7
@@ -145,8 +145,12 @@ $(function () {
             $(".teacherVideo-voice").css("bottom","4px");
             $(".teacherVoicing").css("display","none");
+            $(".publish").css({"width":"240px","height":"180px"});
+            // $(".play").css({"width":"1px","height":"1px"});
+
         }
+
         //获取推流地址
         achieveTeaVideoStream();
@@ -875,8 +879,8 @@ function publishTeaAudioURL(rtmpURL) {
     //获取老师推音视频流地址
 function achieveTeaVideoStream(){
-        // $(".publish").css({"width":"240px","height":"180px"});
-        $(".play").css({"width":"1px","height":"1px"});
+
+
         var paramInfo={
             "type": "flash"
         };
@@ -888,8 +892,8 @@ function achieveTeaVideoStream(){
             if(! window.publishflash) {
             flashvideo(
                 'publish',
-                '400',
-                '300',
+                '100%',
+                '100%',
                 function (error, publishflash) {
                     if (error) {
                         return console.error(error);
--- a/src/xdyVideo.js
查看文件 @b7be7d7
+++ b/src/xdyVideo.js
查看文件 @b7be7d7
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.flashvideo=t():e.flashvideo=t()}(this,function(){return function(e){function t(i){if(n[i])return n[i].exports;var a=n[i]={exports:{},id:i,loaded:!1};return e[i].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(2)},function(e,t){"use strict";var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};e.exports=function(){function e(){if(!J&&document.getElementsByTagName("body")[0]){try{var e,t=g("span");t.style.display="none",e=U.getElementsByTagName("body")[0].appendChild(t),e.parentNode.removeChild(e),e=null,t=null}catch(e){return}J=!0;for(var n=D.length,i=0;i<n;i++)D[i]()}}function t(e){J?e():D[D.length]=e}function i(e){if(n($.addEventListener)!==O)$.addEventListener("load",e,!1);else if(n(U.addEventListener)!==O)U.addEventListener("load",e,!1);else if(n($.attachEvent)!==O)w($,"onload",e);else if("function"==typeof $.onload){var t=$.onload;$.onload=function(){t(),e()}}else $.onload=e}function a(){var e=U.getElementsByTagName("body")[0],t=g(B);t.setAttribute("style","visibility: hidden;"),t.setAttribute("type",F);var i=e.appendChild(t);if(i){var a=0;!function o(){if(n(i.GetVariable)!==O)try{var s=i.GetVariable("$version");s&&(s=s.split(" ")[1].split(","),Q.pv=[b(s[0]),b(s[1]),b(s[2])])}catch(e){Q.pv=[8,0,0]}else if(a<10)return a++,void setTimeout(o,10);e.removeChild(t),i=null,r()}()}else r()}function r(){var e=H.length;if(e>0)for(var t=0;t<e;t++){var i=H[t].id,a=H[t].callbackFn,r={success:!1,id:i};if(Q.pv[0]>0){var c=m(i);if(c)if(!E(H[t].swfVersion)||Q.wk&&Q.wk<312)if(H[t].expressInstall&&s()){var f={};f.data=H[t].expressInstall,f.width=c.getAttribute("width")||"0",f.height=c.getAttribute("height")||"0",c.getAttribute("class")&&(f.styleclass=c.getAttribute("class")),c.getAttribute("align")&&(f.align=c.getAttribute("align"));for(var u={},p=c.getElementsByTagName("param"),v=p.length,y=0;y<v;y++)"movie"!==p[y].getAttribute("name").toLowerCase()&&(u[p[y].getAttribute("name")]=p[y].getAttribute("value"));l(f,u,i,a)}else d(c),a&&a(r);else S(i,!0),a&&(r.success=!0,r.ref=o(i),r.id=i,a(r))}else if(S(i,!0),a){var h=o(i);h&&n(h.SetVariable)!==O&&(r.success=!0,r.ref=h,r.id=h.id),a(r)}}}function o(e){var t=null,i=m(e);return i&&"OBJECT"===i.nodeName.toUpperCase()&&(t=n(i.SetVariable)!==O?i:i.getElementsByTagName(B)[0]||i),t}function s(){return!X&&E("6.0.65")&&(Q.win||Q.mac)&&!(Q.wk&&Q.wk<312)}function l(e,t,i,a){var r=m(i);if(i=h(i),X=!0,x=a||null,k={success:!1,id:i},r){"OBJECT"===r.nodeName.toUpperCase()?(T=c(r),N=null):(T=r,N=i),e.id=_,(n(e.width)===O||!/%$/.test(e.width)&&b(e.width)<310)&&(e.width="310"),(n(e.height)===O||!/%$/.test(e.height)&&b(e.height)<137)&&(e.height="137");var o=Q.ie?"ActiveX":"PlugIn",s="MMredirectURL="+encodeURIComponent($.location.toString().replace(/&/g,"%26"))+"&MMplayerType="+o+"&MMdoctitle="+encodeURIComponent(U.title.slice(0,47)+" - Flash Player Installation");if(n(t.flashvars)!==O?t.flashvars+="&"+s:t.flashvars=s,Q.ie&&4!=r.readyState){var l=g("div");i+="SWFObjectNew",l.setAttribute("id",i),r.parentNode.insertBefore(l,r),r.style.display="none",v(r)}u(e,t,i)}}function d(e){if(Q.ie&&4!=e.readyState){e.style.display="none";var t=g("div");e.parentNode.insertBefore(t,e),t.parentNode.replaceChild(c(e),t),v(e)}else e.parentNode.replaceChild(c(e),e)}function c(e){var t=g("div");if(Q.win&&Q.ie)t.innerHTML=e.innerHTML;else{var n=e.getElementsByTagName(B)[0];if(n){var i=n.childNodes;if(i)for(var a=i.length,r=0;r<a;r++)1==i[r].nodeType&&"PARAM"===i[r].nodeName||8==i[r].nodeType||t.appendChild(i[r].cloneNode(!0))}}return t}function f(e,t){var n=g("div");return n.innerHTML="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'><param name='movie' value='"+e+"'>"+t+"</object>",n.firstChild}function u(e,t,i){var a,r=m(i);if(i=h(i),Q.wk&&Q.wk<312)return a;if(r){var o,s,l,d=g(Q.ie?"div":B);n(e.id)===O&&(e.id=i);for(l in t)t.hasOwnProperty(l)&&"movie"!==l.toLowerCase()&&p(d,l,t[l]);Q.ie&&(d=f(e.data,d.innerHTML));for(o in e)e.hasOwnProperty(o)&&(s=o.toLowerCase(),"styleclass"===s?d.setAttribute("class",e[o]):"classid"!==s&&"data"!==s&&d.setAttribute(o,e[o]));Q.ie?W[W.length]=e.id:(d.setAttribute("type",F),d.setAttribute("data",e.data)),r.parentNode.replaceChild(d,r),a=d}return a}function p(e,t,n){var i=g("param");i.setAttribute("name",t),i.setAttribute("value",n),e.appendChild(i)}function v(e){var t=m(e);t&&"OBJECT"===t.nodeName.toUpperCase()&&(Q.ie?(t.style.display="none",function e(){if(4==t.readyState){for(var n in t)"function"==typeof t[n]&&(t[n]=null);t.parentNode.removeChild(t)}else setTimeout(e,10)}()):t.parentNode.removeChild(t))}function y(e){return e&&e.nodeType&&1===e.nodeType}function h(e){return y(e)?e.id:e}function m(e){if(y(e))return e;var t=null;try{t=U.getElementById(e)}catch(e){}return t}function g(e){return U.createElement(e)}function b(e){return parseInt(e,10)}function w(e,t,n){e.attachEvent(t,n),G[G.length]=[e,t,n]}function E(e){e+="";var t=Q.pv,n=e.split(".");return n[0]=b(n[0]),n[1]=b(n[1])||0,n[2]=b(n[2])||0,t[0]>n[0]||t[0]==n[0]&&t[1]>n[1]||t[0]==n[0]&&t[1]==n[1]&&t[2]>=n[2]}function C(e,t,i,a){var r=U.getElementsByTagName("head")[0];if(r){var o="string"==typeof i?i:"screen";if(a&&(I=null,L=null),!I||L!=o){var s=g("style");s.setAttribute("type","text/css"),s.setAttribute("media",o),I=r.appendChild(s),Q.ie&&n(U.styleSheets)!==O&&U.styleSheets.length>0&&(I=U.styleSheets[U.styleSheets.length-1]),L=o}I&&(n(I.addRule)!==O?I.addRule(e,t):n(U.createTextNode)!==O&&I.appendChild(U.createTextNode(e+" {"+t+"}")))}}function S(e,t){if(z){var n=t?"visible":"hidden",i=m(e);J&&i?i.style.visibility=n:"string"==typeof e&&C("#"+e,"visibility:"+n)}}function A(e){var t=/[\\\"<>\.;]/,i=null!==t.exec(e);return i&&("undefined"==typeof encodeURIComponent?"undefined":n(encodeURIComponent))!==O?encodeURIComponent(e):e}var T,N,x,k,I,L,O="undefined",B="object",j="Shockwave Flash",R="ShockwaveFlash.ShockwaveFlash",F="application/x-shockwave-flash",_="SWFObjectExprInst",M="onreadystatechange",$=window,U=document,P=navigator,V=!1,D=[],H=[],W=[],G=[],J=!1,X=!1,z=!0,Z=!1,Q=function(){var e=n(U.getElementById)!==O&&n(U.getElementsByTagName)!==O&&n(U.createElement)!==O,t=P.userAgent.toLowerCase(),i=P.platform.toLowerCase(),a=i?/win/.test(i):/win/.test(t),r=i?/mac/.test(i):/mac/.test(t),o=!!/webkit/.test(t)&&parseFloat(t.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")),s="Microsoft Internet Explorer"===P.appName,l=[0,0,0],d=null;if(n(P.plugins)!==O&&n(P.plugins[j])===B)d=P.plugins[j].description,d&&n(P.mimeTypes)!==O&&P.mimeTypes[F]&&P.mimeTypes[F].enabledPlugin&&(V=!0,s=!1,d=d.replace(/^.*\s+(\S+\s+\S+$)/,"$1"),l[0]=b(d.replace(/^(.*)\..*$/,"$1")),l[1]=b(d.replace(/^.*\.(.*)\s.*$/,"$1")),l[2]=/[a-zA-Z]/.test(d)?b(d.replace(/^.*[a-zA-Z]+(.*)$/,"$1")):0);else if(n($.ActiveXObject)!==O)try{var c=new ActiveXObject(R);c&&(d=c.GetVariable("$version"),d&&(s=!0,d=d.split(" ")[1].split(","),l=[b(d[0]),b(d[1]),b(d[2])]))}catch(e){}return{w3:e,pv:l,wk:o,ie:s,win:a,mac:r}}();(function(){Q.w3&&((n(U.readyState)!==O&&("complete"===U.readyState||"interactive"===U.readyState)||n(U.readyState)===O&&(U.getElementsByTagName("body")[0]||U.body))&&e(),J||(n(U.addEventListener)!==O&&U.addEventListener("DOMContentLoaded",e,!1),Q.ie&&(U.attachEvent(M,function t(){"complete"===U.readyState&&(U.detachEvent(M,t),e())}),$==top&&!function t(){if(!J){try{U.documentElement.doScroll("left")}catch(e){return void setTimeout(t,0)}e()}}()),Q.wk&&!function t(){if(!J)return/loaded|complete/.test(U.readyState)?void e():void setTimeout(t,0)}()))})();D[0]=function(){V?a():r()};(function(){Q.ie&&window.attachEvent("onunload",function(){for(var e=G.length,t=0;t<e;t++)G[t][0].detachEvent(G[t][1],G[t][2]);for(var n=W.length,i=0;i<n;i++)v(W[i]);for(var a in Q)Q[a]=null;Q=null;for(var r in swfobject)swfobject[r]=null;swfobject=null})})();return{registerObject:function(e,t,n,i){if(Q.w3&&e&&t){var a={};a.id=e,a.swfVersion=t,a.expressInstall=n,a.callbackFn=i,H[H.length]=a,S(e,!1)}else i&&i({success:!1,id:e})},getObjectById:function(e){if(Q.w3)return o(e)},embedSWF:function(e,i,a,r,o,d,c,f,p,v){var y=h(i),m={success:!1,id:y};Q.w3&&!(Q.wk&&Q.wk<312)&&e&&i&&a&&r&&o?(S(y,!1),t(function(){a+="",r+="";var t={};if(p&&("undefined"==typeof p?"undefined":n(p))===B)for(var h in p)t[h]=p[h];t.data=e,t.width=a,t.height=r;var g={};if(f&&("undefined"==typeof f?"undefined":n(f))===B)for(var b in f)g[b]=f[b];if(c&&("undefined"==typeof c?"undefined":n(c))===B)for(var w in c)if(c.hasOwnProperty(w)){var C=Z?encodeURIComponent(w):w,A=Z?encodeURIComponent(c[w]):c[w];n(g.flashvars)!==O?g.flashvars+="&"+C+"="+A:g.flashvars=C+"="+A}if(E(o)){var T=u(t,g,i);t.id==y&&S(y,!0),m.success=!0,m.ref=T,m.id=T.id}else{if(d&&s())return t.data=d,void l(t,g,i,v);S(y,!0)}v&&v(m)})):v&&v(m)},switchOffAutoHideShow:function(){z=!1},enableUriEncoding:function(e){Z=("undefined"==typeof e?"undefined":n(e))===O||e},ua:Q,getFlashPlayerVersion:function(){return{major:Q.pv[0],minor:Q.pv[1],release:Q.pv[2]}},hasFlashPlayerVersion:E,createSWF:function(e,t,n){return Q.w3?u(e,t,n):void 0},showExpressInstall:function(e,t,n,i){Q.w3&&s()&&l(e,t,n,i)},removeSWF:function(e){Q.w3&&v(e)},createCSS:function(e,t,n,i){Q.w3&&C(e,t,n,i)},addDomLoadEvent:t,addLoadEvent:i,getQueryParamValue:function(e){var t=U.location.search||U.location.hash;if(t){if(/\?/.test(t)&&(t=t.split("?")[1]),!e)return A(t);for(var n=t.split("&"),i=0;i<n.length;i++)if(n[i].substring(0,n[i].indexOf("="))==e)return A(n[i].substring(n[i].indexOf("=")+1))}return""},expressInstallCallback:function(){if(X){var e=m(_);e&&T&&(e.parentNode.replaceChild(T,e),N&&(S(N,!0),Q.ie&&(T.style.display="block")),x&&x(k)),X=!1}},version:"2.3"}}();(function(){"undefined"==typeof __REACT_HOT_LOADER__})()},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}var a=n(1),r=i(a);console.log(r.default),e.exports=function(e,t,n,i,a){var o="_flashReady"+Date.now(),s=o+10;console.log(o,s),window[o]=function(){i&&i(null,r.default.getObjectById(e))},window[s]=function(e){a&&a(e)};var l="http://192.168.1.44:8080/xdyvideo";r.default.embedSWF(l+"/flashvideo.swf",e,t,n,"11.4.0",l+"/flashinstall.swf",{flashReady:o,msgCallback:s},{allowScriptAccess:"always"},{objattr:"objattrvalue"},function(e){e.success||i("flash create errors")})};(function(){"undefined"==typeof __REACT_HOT_LOADER__})()}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.flashvideo=t():e.flashvideo=t()}(this,function(){return function(e){function t(i){if(n[i])return n[i].exports;var a=n[i]={exports:{},id:i,loaded:!1};return e[i].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(2)},function(e,t){"use strict";var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};e.exports=function(){function e(){if(!J&&document.getElementsByTagName("body")[0]){try{var e,t=g("span");t.style.display="none",e=U.getElementsByTagName("body")[0].appendChild(t),e.parentNode.removeChild(e),e=null,t=null}catch(e){return}J=!0;for(var n=D.length,i=0;i<n;i++)D[i]()}}function t(e){J?e():D[D.length]=e}function i(e){if(n($.addEventListener)!==O)$.addEventListener("load",e,!1);else if(n(U.addEventListener)!==O)U.addEventListener("load",e,!1);else if(n($.attachEvent)!==O)w($,"onload",e);else if("function"==typeof $.onload){var t=$.onload;$.onload=function(){t(),e()}}else $.onload=e}function a(){var e=U.getElementsByTagName("body")[0],t=g(B);t.setAttribute("style","visibility: hidden;"),t.setAttribute("type",F);var i=e.appendChild(t);if(i){var a=0;!function o(){if(n(i.GetVariable)!==O)try{var s=i.GetVariable("$version");s&&(s=s.split(" ")[1].split(","),Q.pv=[b(s[0]),b(s[1]),b(s[2])])}catch(e){Q.pv=[8,0,0]}else if(a<10)return a++,void setTimeout(o,10);e.removeChild(t),i=null,r()}()}else r()}function r(){var e=H.length;if(e>0)for(var t=0;t<e;t++){var i=H[t].id,a=H[t].callbackFn,r={success:!1,id:i};if(Q.pv[0]>0){var c=m(i);if(c)if(!E(H[t].swfVersion)||Q.wk&&Q.wk<312)if(H[t].expressInstall&&s()){var f={};f.data=H[t].expressInstall,f.width=c.getAttribute("width")||"0",f.height=c.getAttribute("height")||"0",c.getAttribute("class")&&(f.styleclass=c.getAttribute("class")),c.getAttribute("align")&&(f.align=c.getAttribute("align"));for(var u={},p=c.getElementsByTagName("param"),v=p.length,y=0;y<v;y++)"movie"!==p[y].getAttribute("name").toLowerCase()&&(u[p[y].getAttribute("name")]=p[y].getAttribute("value"));l(f,u,i,a)}else d(c),a&&a(r);else S(i,!0),a&&(r.success=!0,r.ref=o(i),r.id=i,a(r))}else if(S(i,!0),a){var h=o(i);h&&n(h.SetVariable)!==O&&(r.success=!0,r.ref=h,r.id=h.id),a(r)}}}function o(e){var t=null,i=m(e);return i&&"OBJECT"===i.nodeName.toUpperCase()&&(t=n(i.SetVariable)!==O?i:i.getElementsByTagName(B)[0]||i),t}function s(){return!X&&E("6.0.65")&&(Q.win||Q.mac)&&!(Q.wk&&Q.wk<312)}function l(e,t,i,a){var r=m(i);if(i=h(i),X=!0,x=a||null,k={success:!1,id:i},r){"OBJECT"===r.nodeName.toUpperCase()?(T=c(r),N=null):(T=r,N=i),e.id=_,(n(e.width)===O||!/%$/.test(e.width)&&b(e.width)<310)&&(e.width="310"),(n(e.height)===O||!/%$/.test(e.height)&&b(e.height)<137)&&(e.height="137");var o=Q.ie?"ActiveX":"PlugIn",s="MMredirectURL="+encodeURIComponent($.location.toString().replace(/&/g,"%26"))+"&MMplayerType="+o+"&MMdoctitle="+encodeURIComponent(U.title.slice(0,47)+" - Flash Player Installation");if(n(t.flashvars)!==O?t.flashvars+="&"+s:t.flashvars=s,Q.ie&&4!=r.readyState){var l=g("div");i+="SWFObjectNew",l.setAttribute("id",i),r.parentNode.insertBefore(l,r),r.style.display="none",v(r)}u(e,t,i)}}function d(e){if(Q.ie&&4!=e.readyState){e.style.display="none";var t=g("div");e.parentNode.insertBefore(t,e),t.parentNode.replaceChild(c(e),t),v(e)}else e.parentNode.replaceChild(c(e),e)}function c(e){var t=g("div");if(Q.win&&Q.ie)t.innerHTML=e.innerHTML;else{var n=e.getElementsByTagName(B)[0];if(n){var i=n.childNodes;if(i)for(var a=i.length,r=0;r<a;r++)1==i[r].nodeType&&"PARAM"===i[r].nodeName||8==i[r].nodeType||t.appendChild(i[r].cloneNode(!0))}}return t}function f(e,t){var n=g("div");return n.innerHTML="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'><param name='movie' value='"+e+"'>"+t+"</object>",n.firstChild}function u(e,t,i){var a,r=m(i);if(i=h(i),Q.wk&&Q.wk<312)return a;if(r){var o,s,l,d=g(Q.ie?"div":B);n(e.id)===O&&(e.id=i);for(l in t)t.hasOwnProperty(l)&&"movie"!==l.toLowerCase()&&p(d,l,t[l]);Q.ie&&(d=f(e.data,d.innerHTML));for(o in e)e.hasOwnProperty(o)&&(s=o.toLowerCase(),"styleclass"===s?d.setAttribute("class",e[o]):"classid"!==s&&"data"!==s&&d.setAttribute(o,e[o]));Q.ie?W[W.length]=e.id:(d.setAttribute("type",F),d.setAttribute("data",e.data)),r.parentNode.replaceChild(d,r),a=d}return a}function p(e,t,n){var i=g("param");i.setAttribute("name",t),i.setAttribute("value",n),e.appendChild(i)}function v(e){var t=m(e);t&&"OBJECT"===t.nodeName.toUpperCase()&&(Q.ie?(t.style.display="none",function e(){if(4==t.readyState){for(var n in t)"function"==typeof t[n]&&(t[n]=null);t.parentNode.removeChild(t)}else setTimeout(e,10)}()):t.parentNode.removeChild(t))}function y(e){return e&&e.nodeType&&1===e.nodeType}function h(e){return y(e)?e.id:e}function m(e){if(y(e))return e;var t=null;try{t=U.getElementById(e)}catch(e){}return t}function g(e){return U.createElement(e)}function b(e){return parseInt(e,10)}function w(e,t,n){e.attachEvent(t,n),G[G.length]=[e,t,n]}function E(e){e+="";var t=Q.pv,n=e.split(".");return n[0]=b(n[0]),n[1]=b(n[1])||0,n[2]=b(n[2])||0,t[0]>n[0]||t[0]==n[0]&&t[1]>n[1]||t[0]==n[0]&&t[1]==n[1]&&t[2]>=n[2]}function C(e,t,i,a){var r=U.getElementsByTagName("head")[0];if(r){var o="string"==typeof i?i:"screen";if(a&&(I=null,L=null),!I||L!=o){var s=g("style");s.setAttribute("type","text/css"),s.setAttribute("media",o),I=r.appendChild(s),Q.ie&&n(U.styleSheets)!==O&&U.styleSheets.length>0&&(I=U.styleSheets[U.styleSheets.length-1]),L=o}I&&(n(I.addRule)!==O?I.addRule(e,t):n(U.createTextNode)!==O&&I.appendChild(U.createTextNode(e+" {"+t+"}")))}}function S(e,t){if(z){var n=t?"visible":"hidden",i=m(e);J&&i?i.style.visibility=n:"string"==typeof e&&C("#"+e,"visibility:"+n)}}function A(e){var t=/[\\\"<>\.;]/,i=null!==t.exec(e);return i&&("undefined"==typeof encodeURIComponent?"undefined":n(encodeURIComponent))!==O?encodeURIComponent(e):e}var T,N,x,k,I,L,O="undefined",B="object",j="Shockwave Flash",R="ShockwaveFlash.ShockwaveFlash",F="application/x-shockwave-flash",_="SWFObjectExprInst",M="onreadystatechange",$=window,U=document,P=navigator,V=!1,D=[],H=[],W=[],G=[],J=!1,X=!1,z=!0,Z=!1,Q=function(){var e=n(U.getElementById)!==O&&n(U.getElementsByTagName)!==O&&n(U.createElement)!==O,t=P.userAgent.toLowerCase(),i=P.platform.toLowerCase(),a=i?/win/.test(i):/win/.test(t),r=i?/mac/.test(i):/mac/.test(t),o=!!/webkit/.test(t)&&parseFloat(t.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")),s="Microsoft Internet Explorer"===P.appName,l=[0,0,0],d=null;if(n(P.plugins)!==O&&n(P.plugins[j])===B)d=P.plugins[j].description,d&&n(P.mimeTypes)!==O&&P.mimeTypes[F]&&P.mimeTypes[F].enabledPlugin&&(V=!0,s=!1,d=d.replace(/^.*\s+(\S+\s+\S+$)/,"$1"),l[0]=b(d.replace(/^(.*)\..*$/,"$1")),l[1]=b(d.replace(/^.*\.(.*)\s.*$/,"$1")),l[2]=/[a-zA-Z]/.test(d)?b(d.replace(/^.*[a-zA-Z]+(.*)$/,"$1")):0);else if(n($.ActiveXObject)!==O)try{var c=new ActiveXObject(R);c&&(d=c.GetVariable("$version"),d&&(s=!0,d=d.split(" ")[1].split(","),l=[b(d[0]),b(d[1]),b(d[2])]))}catch(e){}return{w3:e,pv:l,wk:o,ie:s,win:a,mac:r}}();(function(){Q.w3&&((n(U.readyState)!==O&&("complete"===U.readyState||"interactive"===U.readyState)||n(U.readyState)===O&&(U.getElementsByTagName("body")[0]||U.body))&&e(),J||(n(U.addEventListener)!==O&&U.addEventListener("DOMContentLoaded",e,!1),Q.ie&&(U.attachEvent(M,function t(){"complete"===U.readyState&&(U.detachEvent(M,t),e())}),$==top&&!function t(){if(!J){try{U.documentElement.doScroll("left")}catch(e){return void setTimeout(t,0)}e()}}()),Q.wk&&!function t(){if(!J)return/loaded|complete/.test(U.readyState)?void e():void setTimeout(t,0)}()))})();D[0]=function(){V?a():r()};(function(){Q.ie&&window.attachEvent("onunload",function(){for(var e=G.length,t=0;t<e;t++)G[t][0].detachEvent(G[t][1],G[t][2]);for(var n=W.length,i=0;i<n;i++)v(W[i]);for(var a in Q)Q[a]=null;Q=null;for(var r in swfobject)swfobject[r]=null;swfobject=null})})();return{registerObject:function(e,t,n,i){if(Q.w3&&e&&t){var a={};a.id=e,a.swfVersion=t,a.expressInstall=n,a.callbackFn=i,H[H.length]=a,S(e,!1)}else i&&i({success:!1,id:e})},getObjectById:function(e){if(Q.w3)return o(e)},embedSWF:function(e,i,a,r,o,d,c,f,p,v){var y=h(i),m={success:!1,id:y};Q.w3&&!(Q.wk&&Q.wk<312)&&e&&i&&a&&r&&o?(S(y,!1),t(function(){a+="",r+="";var t={};if(p&&("undefined"==typeof p?"undefined":n(p))===B)for(var h in p)t[h]=p[h];t.data=e,t.width=a,t.height=r;var g={};if(f&&("undefined"==typeof f?"undefined":n(f))===B)for(var b in f)g[b]=f[b];if(c&&("undefined"==typeof c?"undefined":n(c))===B)for(var w in c)if(c.hasOwnProperty(w)){var C=Z?encodeURIComponent(w):w,A=Z?encodeURIComponent(c[w]):c[w];n(g.flashvars)!==O?g.flashvars+="&"+C+"="+A:g.flashvars=C+"="+A}if(E(o)){var T=u(t,g,i);t.id==y&&S(y,!0),m.success=!0,m.ref=T,m.id=T.id}else{if(d&&s())return t.data=d,void l(t,g,i,v);S(y,!0)}v&&v(m)})):v&&v(m)},switchOffAutoHideShow:function(){z=!1},enableUriEncoding:function(e){Z=("undefined"==typeof e?"undefined":n(e))===O||e},ua:Q,getFlashPlayerVersion:function(){return{major:Q.pv[0],minor:Q.pv[1],release:Q.pv[2]}},hasFlashPlayerVersion:E,createSWF:function(e,t,n){return Q.w3?u(e,t,n):void 0},showExpressInstall:function(e,t,n,i){Q.w3&&s()&&l(e,t,n,i)},removeSWF:function(e){Q.w3&&v(e)},createCSS:function(e,t,n,i){Q.w3&&C(e,t,n,i)},addDomLoadEvent:t,addLoadEvent:i,getQueryParamValue:function(e){var t=U.location.search||U.location.hash;if(t){if(/\?/.test(t)&&(t=t.split("?")[1]),!e)return A(t);for(var n=t.split("&"),i=0;i<n.length;i++)if(n[i].substring(0,n[i].indexOf("="))==e)return A(n[i].substring(n[i].indexOf("=")+1))}return""},expressInstallCallback:function(){if(X){var e=m(_);e&&T&&(e.parentNode.replaceChild(T,e),N&&(S(N,!0),Q.ie&&(T.style.display="block")),x&&x(k)),X=!1}},version:"2.3"}}();(function(){"undefined"==typeof __REACT_HOT_LOADER__})()},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}var a=n(1),r=i(a);console.log(r.default),e.exports=function(e,t,n,i,a){var o="_flashReady"+Date.now(),s=o+10;console.log(o,s),window[o]=function(){i&&i(null,r.default.getObjectById(e))},window[s]=function(e){a&&a(e)};var l=".";r.default.embedSWF(l+"/flashvideo.swf",e,t,n,"11.4.0",l+"/flashinstall.swf",{flashReady:o,msgCallback:s},{allowScriptAccess:"always"},{},function(e){e.success||i("flash create errors")})};(function(){"undefined"==typeof __REACT_HOT_LOADER__})()}])});