@ipscape/webconnect
Version:
ipSCAPE webRTC connector
49 lines (48 loc) • 2.62 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ipSCAPE Web Connect</title>
<meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link href="/app/connect/app.css" rel="stylesheet"></head>
<body class="d-flex flex-column h-100">
<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-light bg-light fixed-top">
<a class="navbar-brand" href="#"><img src="images/ipscape_orange.png" height="35px" alt="ipSCAPE Limited"></a>
<span class="status-text">Disconnected</span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="controls">
<input id="answerBtn" type="button" class="call-control hidden answer" disabled value="Answer">
<button id="hangupBtn" class="call-control hidden hangup" disabled>Hangup</button>
</div>
</nav>
<!-- Main -->
<main id="app" role="main" class="flex-shrink-0">
<div class="container">
<div id="toastr" class="toastr hidden"></div>
<span id="image_data" class="title"></span>
</div>
<audio id="local-audio" autoplay="autoplay"></audio>
<audio id="remote-audio" autoplay="autoplay"></audio>
</main>
<!-- Fotter -->
<footer class="footer mt-auto py-3">
<div class="container-fluid">
<div class="row justify-content-between">
<div class="col-4">
<img class="float-left" src="images/footer-sign.png" alt="Powered by IPSCAPE">
</div>
<div class="col-4">
<p class="text-muted float-right">
Photo by <a id="imageAttributeLink" href="https://unsplash.com/@anniespratt?utm_source=web_connect&utm_medium=referral">Annie Spratt</a>
on <a href="https://unsplash.com/?utm_source=web_connect&utm_medium=referral" target="_blank">Unsplash</a>
</p>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="/app/connect/polyfill.a40156fd463901992549.js"></script><script type="text/javascript" src="/app/connect/phone.min.js"></script><script type="text/javascript" src="/app/connect/controller.a40156fd463901992549.js"></script><script type="text/javascript" src="/app/connect/app.a40156fd463901992549.js"></script></body>
</html>