<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <title>LiveTaskyell</title> <link rel="stylesheet" href="./css/notosansjp.css"> <link href="./fontawesome/css/all.css" rel="stylesheet"> <link rel="stylesheet" href="./css/bootstrap.min.css"> <link rel="stylesheet" href="./css/common.css"> <link rel="stylesheet" href="./css/contact.css"> <link rel="stylesheet" href="./css/chat.css"> <link rel="stylesheet" href="./css/collaboration.css"> <link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/share.css"> <link rel="stylesheet" href="./css/loading.css"> </head> <body> <!-- ナビメニュー --> <header id="collabo_header"> <div class="d-flex align-items-center h-100"> <div class="collabo_nav_l text-left w-100"> <div class="d-flex flex-row"> <span class="collabo-label collaboration_contents voice_contents">音声</span> <span class="collabo-label collaboration_contents video_contents">動画</span> <span class="collabo-label collaboration_contents picture_contents">写真</span> <span class="collabo-label collaboration_contents document_contents">文書</span> <span class="collabo-label collaboration_contents board_contents">ボード</span> <span class="mx-3 host_contents">司会者</span> <span class="mx-3 none">参加者</span> </div> </div> <div class="collabo_nav_r"> <div class="text-right d-flex align-items-center"> <button type="button" name="button" class="btn user_btn"></button> <button type="button" name="button" class="btn add_user_btn none"></button> <div class="menu-icon menu_btn host_contents" onclick="this.classList.toggle('hover');"> <div class="menu-bar menu-bar1"></div> <div class="menu-bar menu-bar2"></div> <div class="menu-bar menu-bar3"></div> </div> <!-- <button type="button" name="button" class="btn exit_btn" onclick="Coview_exitCollaboration();"></button> --> </div> </div> </div> </header><!-- header --> <!-- 拡大縮小機能 --> <div id="zoom"></div> <!-- コンテンツ --> <main id="collabo_main" class="none"> <div class="document_wrap"> <!-- 音声共有 --> <div class="talking_area icon_talking_wrap d-flex flex-column justify-content-center align-items-center h-100 collaboration_contents voice_contents none"> <div class="talking_img_wrap"> <img src="icon/icon_talking_white.png" alt="通話中"> </div> <span class="text-white mt-4">通話中</span> </div> <!-- 文書共有 --> <div class="start_pip_area d-flex flex-column justify-content-center align-items-center h-100 collaboration_contents document_contents none"> <div class="start_pip_img_wrap"> <a href="javascript:NativeBridgeDelegate.startPIPMode();"> <img src="icon/icon_start_pip.png" alt="文書共有"> </a> </div> <span class="text-white mt-2">共有する</span> </div> <div class="coview_share_body coview_share_area" id="coviewShare" style="z-index: 1;"> </div> </div> </main> <div class="coview_share_photo_select_bubble none"> <button id="coviewSharePhotoCamera" class="coview_share_photo_select_bubble_in_button cam"> </button> <BR> <button id="coviewSharePhotoGallery" class="coview_share_photo_select_bubble_in_button gal"> </button> </div> <!-- ユーザー追加オーバーレイ --> <div id="add_user_list"></div> <div id="modal_add_user_confirm"></div> <!-- オーバーレイ メニュー --> <div id="collaboration_picture_overlay_menu"></div> <!-- オーバーレイ ユーザーリスト --> <div id="overlay_user_list" class="overlay noscroll"> <div id="collaboration_overlay_user_list"></div> </div> <!-- キャプチャ モーダル --> <div id="modal_collabo_capture"></div> <!-- プロフィールモーダル --> <div id="userProfileModalInCollaboration"></div> <div id="modal_collabo_profile2"></div> <!-- ホスト変更モーダル --> <div id="modal_collabo_change_host"></div> <!-- ホストリクエストモーダル --> <div id="modal_collabo_host_request"></div> <!-- フッター --> <div id="footer_collabo"></div> <div id="loadingArea"></div> <div class="pip_indicator none" onclick="NativeBridgeDelegate.finishPIPMode();"> <div style="vertical-align: middle;display: table-cell;"> <img src="icon/icon_end_pip.png" alt="文書共有" style="width: 30px;height: 30px;"> <span style="font-size: 20px;vertical-align: middle;">戻る</span> </div> </div> <div class="before_loading_indicator"> <div id="page_loader" class="before_loading_indicator"> <div class="sp sp-circle"></div> </div> </div> <!-- Library --> <script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/moment.js"></script> <script src="./js/libs/locale/ko.js" charset="UTF-8"></script> <script src="./js/libs/locale/ja.js" charset="UTF-8"></script> <script src="./js/libs/mustache.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/socket.io.js"></script> <!-- Language --> <script src="./js/languages/language.js"></script> <script src="./js/languages/language_ko.js" charset="UTF-8"></script> <script src="./js/languages/language_ja.js" charset="UTF-8"></script> <script src="./js/languages/language_en.js" charset="UTF-8"></script> <!-- Common --> <script src="./js/common/constant.js"></script> <script src="./js/common/native-bridge-delegate.js"></script> <script src="./js/common/native-bridge-datasource.js"></script> <script src="./js/common/common.js"></script> <script src="./js/utils/chat-util.js"></script> <!-- Models --> <script src="./js/Models/deviceinfo.js"></script> <script src="./js/Models/serverinfo.js"></script> <script src="./js/Models/userinfo.js"></script> <script src="./js/Models/roominfo.js"></script> <script src="./js/Models/socket-joininfo.js"></script> <script src="./js/Models/coview-userinfo.js"></script> <!-- Socket --> <script src="./js/sockets/chat-websocket.js"></script> <script src="./js/sockets/chat-websocket-message.js"></script> <!-- View --> <script src="./js/views/chats/management/chat-management-common.js"></script> <script src="./js/views/collaboration/collaboration.js"></script> <script src="https://biztaskyell.abookcloud.com/coview_api.js"></script> <script src="./js/views/collaboration/share.js"></script> <script src="./js/views/contact/namecard.js"></script> <script> $("#footer_collabo").load("./footer_collabo.html"); $("#modal_collabo_host_request").load("./modal_collabo_host_request.html"); $("#modal_collabo_change_host").load("./modal_collabo_change_host.html"); $("#modal_collabo_capture").load("./modal_collabo_capture.html"); $("#modal_collabo_profile2").load("./modal_collabo_profile2.html"); $("#collaboration_picture_overlay_menu").load("./collaboration_overlay_menu.html"); $("#add_user_list").load("./modal_add_user_list.html"); $("#zoom").load("./zoom.html"); $("#loadingArea").load("./loading.html"); let collaborationJoinFlg = 0; let isInvited = 0; let joinCollaborationType = 0; let joinMeetingId = 0; let androidVersion = 0; const roomType = NativeBridgeDataSource.getRoomType(); if (roomType == ChatRoomType.DM) { $('.add_user_btn').removeClass('none'); } joinCollaborationType = NativeBridgeDataSource.getJoinCollaborationType(); collaborationJoinFlg = NativeBridgeDataSource.getCollaborationJoinFlg(); if (deviceInfo.isAndroid()) { androidVersion = android.getAndroidVersion(); if (joinCollaborationType == COLLABORATION_TYPE.DOCUMENT && androidVersion < ANDROID_SDK_VERSION.O) { alert(getLocalizedString('not_support_version')); if (typeof android != "undefined") { NativeBridgeDelegate.openCommunicationHome(); NativeBridgeDelegate.openCommunicationHome(); NativeBridgeDelegate.openCommunicationHome(); } } } initCollaborationUI(joinCollaborationType); globalUserInfo.coWorkType = CHAT_UTIL.getCoviewTypeFromCollaborationType(joinCollaborationType); if (collaborationJoinFlg != '2') { CHAT_SOCKET.initialJoin(); } function startPipMode() { NativeBridgeDelegate.startPIPMode(); } </script> </body> </html>