Skip to content

Instantly share code, notes, and snippets.

@digitallysavvy

digitallysavvy/audience-client.html

Last active June 4, 2020 17:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save digitallysavvy/4229d3682fde9c74d4ca919c28510907 to your computer and use it in GitHub Desktop.
Save digitallysavvy/4229d3682fde9c74d4ca919c28510907 to your computer and use it in GitHub Desktop.
Download ZIP
A simple template for an audience client for use with Agora.io's Web SDK
Raw
audience-client.html
<html lang="en">
<head>
<title>Agora.io - AllThingsRTC Live Stream</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="js/AgoraRTCSDK-3.1.1.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<div class="container-fluid p-0">
<div id="full-screen-video"></div>
<div id="watch-live-overlay">
<div id="overlay-container">
<div class="col-md text-center">
<button id="watch-live-btn" type="button" class="btn btn-block btn-primary btn-xlg">
<i id="watch-live-icon" class="fas fa-broadcast-tower"></i><span>Watch the Live Stream</span>
</button>
</div>
</div>
</div>
</div>
</body>
<script src="js/agoraAudienceClient.js"></script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment