Bootstrap Snippet vjsrtc demo test using HTML CSS Javascript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html>
<head>
    <title>Demo for VideoJS RTC</title>
    <meta charset="utf-8" />
    
<meta name="viewport" content="width=device-width, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
<script src="http://foundation.zurb.com/assets/js/modernizr.js"></script>
    <link href="//vjs.zencdn.net/4.1/video-js.css" rel="stylesheet">
    <script src="//vjs.zencdn.net/4.1/video.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/aurora.js-flac/0.2.1/flac.js">   </script>
<script src="//cdn.WebRTC-Experiment.com/RecordRTC.js"></script>
    </head>
<body>
    <header>
       VidoeJS RTC Demo 
    </header>
    <!--
<article>    <audio controls>
        <source type="audio/flac" src="//clientwindows.com/loser.flac">
    </audio> 
    </article> -->
    <article>
<video controls preload="auto" width="640" height="264" poster="//video-js.zencoder.com/oceans-clip.png" class="video-js vjs-default-skin">
   <source type="video/webm" src="//video-js.zencoder.com/oceans-clip.webm">
      <source type="video/ogv" src="//video-js.zencoder.com/oceans-clip.ogv">
      <source type="video/mp4" src="//video-js.zencoder.com/oceans-clip.mp4">
    </video>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
           @import url(https://fonts.googleapis.com/css?family=Fira+Sans);
            html {
                   background-image: rgba(0,0,0,0.12);background-blend-mode:multiply; 
                   background:radial-gradient(circle,white,transparent);
 }
            body {
background:transparent;
                font-family: "Fira Sans", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
                font-size: 1.2em;
                line-height: 1.2em;
                margin: 0;
                
                
background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 0px, rgba(0,0,0,0.4) 100%);
border-radius: 20px;
border-size:6px;
box-shadow: 0px 0px 15px 10px #EAEAEA;
border: 1px solid #FFF;
font-stretch: normal;
         background-image:linear-gradient(to right,#eee,rgba(255,255,255,0.6),#ccc,#fff;)
            }
            article{
               display: block;
                max-width: 2668px;
                /*min-width: 360px;*/
                width: 100%;
            }
            article {
         background:radial-gradient(circle,transparent,#eee,#ccc,#fff);
                
                margin: 2.5em auto 0 auto;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/**
 * @fileoverview Exports for Video.js.
 * Exports are publically available variables.
 * All other variables (including function names) will probably
 * be renamed by closure compiler.
 */
/**
 * vjs (internal only) = videojs = _V_ (external only)
 *
 * vjs is the same as the goog var in Closure Library. It holds all variables
 * used in Video.js development. Closure compiler will rename all variables,
 * including class prototype functions, except those specifcally
 * exported (eports.js). Don't assume any function you can use in Video.js
 * development will be available on window.videojs for use with other js.
 *
 * For example, vjs.trim is an internal function and will be renamed by compiler
 * to something like 'a.b', or actually more likely 'a' removing it from
 * a parent object.
 *
 * videojs is a var that helps bridge bewteen internal and external development.
 * Avoid using it over vjs when developing the Video.js core.
 *
 * _V_ is only external. It's just cute and short(er). Like jQuery === $.
 * Also because it's nice having a different var for internal (vjs) vs.
 * external (_V_) because it makes it clearer what context we're in.
 */
goog.exportSymbol('videojs', vjs);
goog.exportSymbol('_V_', vjs);
goog.exportSymbol('videojs.options', vjs.options);
// Allow external components to use global cache
goog.exportSymbol('videojs.cache', vjs.cache);
goog.exportSymbol('videojs.Component', vjs.Component);
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"vjsrtc demo test"
Bootstrap 3.3.0 Snippet by rayrc

Related: See More

Questions / Comments:

"vjsrtc demo test" Bootstrap 3.3.0 Snippet by rayrc

Related: See More

Questions / Comments:

"vjsrtc demo test"
Bootstrap 3.3.0 Snippet by rayrc