Commit 031692ac authored by Dele Olajide's avatar Dele Olajide

ofmeet plugin version 0.1.2

Inject video HTML into document by API
parent 88e30969
<html> <html>
<head> <head>
<link rel="stylesheet" href="ofmeet.css?v=1"/> <link rel="stylesheet" href="ofmeet.css?v=1"/>
<style>
html, body{
margin:0px;
height:100%;
color: #424242;
font-family:'Helvetica Neue', Helvetica, sans-serif;
font-weight: 400;
background: #000000;
overflow-x: hidden;
}
</style>
<script src="/ofmeet/config"></script> <script src="/ofmeet/config"></script>
<script src="ofmeet.js?v=1"></script> <script src="ofmeet.js?v=1"></script>
<script> <script>
...@@ -24,9 +35,9 @@ ...@@ -24,9 +35,9 @@
//ofmeet.toggleAudio(); //ofmeet.toggleAudio();
//ofmeet.toggleScreenSharing(); //ofmeet.toggleScreenSharing();
//ofmeet.toggleFilmStrip(); //ofmeet.toggleFilmStrip();
//ofmeet.visible(visible); ofmeet.visible(visible);
//visible = !visible; visible = !visible;
/*
if (joined) if (joined)
{ {
ofmeet.leaveRoom(); ofmeet.leaveRoom();
...@@ -36,14 +47,14 @@ ...@@ -36,14 +47,14 @@
ofmeet.joinRoom("alizecornet", true); ofmeet.joinRoom("alizecornet", true);
joined = true; joined = true;
} }
*/
}, 60000); }, 60000);
}); });
$(document).bind('ofmeet.ready', function () $(document).bind('ofmeet.ready', function ()
{ {
console.log("ofmeet.ready"); console.log("ofmeet.ready");
ofmeet.init(); ofmeet.connect();
}); });
$(document).ready(function () $(document).ready(function ()
...@@ -205,22 +216,6 @@ ...@@ -205,22 +216,6 @@
</script> </script>
</head> </head>
<body> <body>
<div id="videospace"> <h1>Openfire Meetings</h1>
<div id="largeVideoContainer" class="videocontainer">
<div id="activeSpeaker">
<img id="activeSpeakerAvatar" src=""/>
<canvas id="activeSpeakerAudioLevel"></canvas>
</div>
<video id="largeVideo" autoplay oncontextmenu="return false;"></video>
</div>
<div id="remoteVideos">
<span id="localVideoContainer" class="videocontainer">
<span id="localNick" class="nick"></span>
<span id="localVideoWrapper" />
<audio id="localAudio" autoplay oncontextmenu="return false;" muted></audio>
<span class="focusindicator"></span>
</span>
</div>
</div>
</body> </body>
</html> </html>
...@@ -248,16 +248,6 @@ ...@@ -248,16 +248,6 @@
user-select: none; user-select: none;
} }
html, body{
margin:0px;
height:100%;
color: #424242;
font-family:'Helvetica Neue', Helvetica, sans-serif;
font-weight: 400;
background: #000000;
overflow-x: hidden;
}
.right-panel { .right-panel {
display:none; display:none;
position:absolute; position:absolute;
...@@ -403,63 +393,6 @@ a.bottomToolbarButton:hover { ...@@ -403,63 +393,6 @@ a.bottomToolbarButton:hover {
background: #373737; background: #373737;
} }
input[type='text'], input[type='password'], textarea {
display: inline-block;
font-size: 14px;
padding: 5px;
background: #f3f3f3;
border-radius: 3px;
font-weight: 100;
line-height: 20px;
height: 40px;
color: #333;
text-align: left;
border:1px solid #ACD8F0;
outline: none; /* removes the default outline */
resize: none; /* prevents the user-resizing, adjust to taste */
}
input[type='text'], input[type='password'], textarea:focus {
box-shadow: inset 0 0 3px 2px #ACD8F0; /* provides a more style-able
replacement to the outline */
}
textarea {
overflow: hidden;
word-wrap: break-word;
resize: horizontal;
}
button.no-icon {
padding: 0 1em;
}
button {
border: none;
height: 35px;
padding: 0 1em 0 2em;
position: relative;
border-radius: 3px;
font-weight: bold;
color: #fff;
line-height: 35px;
background: #2c8ad2;
}
button, input, select, textarea {
margin: 0;
vertical-align: baseline;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
form {
display: block;
}
#downloadlog { #downloadlog {
position: absolute; position: absolute;
bottom: 5; bottom: 5;
...@@ -711,7 +644,7 @@ form { ...@@ -711,7 +644,7 @@ form {
#videospace { #videospace {
display: block; display: none;
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
......
This diff is collapsed.
<html> <html>
<template id="ofmeetTemplate"> <template id="ofmeetTemplate">
<link rel="stylesheet" href="ofmeet.css?v=1"/> <link rel="stylesheet" href="ofmeet.css?v=1"/>
<div id="videospace">
<div id="largeVideoContainer" class="videocontainer">
<div id="activeSpeaker">
<img id="activeSpeakerAvatar" src=""/>
<canvas id="activeSpeakerAudioLevel"></canvas>
</div>
<video id="largeVideo" autoplay oncontextmenu="return false;"></video>
</div>
<div id="remoteVideos">
<span id="localVideoContainer" class="videocontainer">
<span id="localNick" class="nick"></span>
<span id="localVideoWrapper" />
<audio id="localAudio" autoplay oncontextmenu="return false;" muted></audio>
<span class="focusindicator"></span>
</span>
</div>
</div>
</template> </template>
<script src="/ofmeet/config"></script> <script src="/ofmeet/config"></script>
<script src="ofmeet.js?v=1"></script> <script src="ofmeet.js?v=1"></script>
...@@ -43,7 +26,7 @@ ...@@ -43,7 +26,7 @@
$(document).bind('ofmeet.ready', function () $(document).bind('ofmeet.ready', function ()
{ {
//console.log("ofmeet ready"); //console.log("ofmeet ready");
ofmeet.init(); ofmeet.connect();
}); });
$(document).ready(function () $(document).ready(function ()
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment