├── .github └── workflows │ └── static.yml ├── .gitignore ├── README.md ├── basic_apiRTC_application ├── css │ └── app.css ├── index.html └── js │ └── app.js ├── conferencing ├── css │ ├── conference.css │ └── conference.css.map ├── index.html └── js │ └── conference.js ├── conferencing_QoSInfoDisplay ├── css │ ├── conference-qos.css │ └── conference-qos.css.map ├── index.html ├── js │ └── conference-qos.js └── sass │ └── conference-qos.scss ├── conferencing_ble ├── css │ └── conference-ble.css ├── index.html └── js │ └── conference-ble.js ├── conferencing_chat ├── css │ ├── conferencing-chat.css │ └── conferencing-chat.css.map ├── index.html ├── js │ └── conferencing-chat.js └── sass │ └── conferencing-chat.scss ├── conferencing_chat_file_transfer ├── css │ └── conference-chat-file-transfer.css ├── index.html └── js │ └── conference-chat-file-transfer.js ├── conferencing_join-leave ├── css │ ├── conference.css.map │ └── conference_join-leave.css ├── index.html ├── js │ └── conference_join-leave.js └── sass │ └── conference-basic.scss ├── conferencing_moderation ├── css │ ├── conference.css.map │ └── conference_moderation.css ├── index.html ├── js │ └── conference_moderation.js └── sass │ └── conference-basic.scss ├── conferencing_mute_screen ├── css │ ├── conference_mute_screen.css │ └── conference_mute_screen.css.map ├── index.html ├── js │ └── conference_mute_screen.js └── sass │ └── conference-basic.scss ├── conferencing_mute_screen_advanced-PUB-SUB ├── css │ ├── conference_mute_screen.css.map │ └── conference_mute_screen_advanced-PUB-SUB.css ├── index.html ├── js │ └── conference_mute_screen_advanced-PUB-SUB.js └── sass │ └── conference-basic.scss ├── conferencing_mute_screen_moderation ├── css │ ├── conference_mute_screen.css.map │ └── conference_mute_screen_moderation.css ├── index.html ├── js │ └── conference_mute_screen_moderation.js └── sass │ └── conference-basic.scss ├── conferencing_publish_selectedMediaType ├── css │ ├── conference_pub_selMediaType.css │ └── conference_pub_selMediaType.css.map ├── index.html ├── js │ └── conference_pub_selMediaType.js └── sass │ └── conference-basic.scss ├── conferencing_publish_video ├── css │ └── conference-publish-video.css ├── index.html └── js │ └── conference-publish-video.js ├── conferencing_recording ├── css │ ├── conference.css.map │ └── conference_composite_record.css ├── index.html ├── js │ └── conference_composite_record.js └── sass │ └── conference-basic.scss ├── conferencing_rtmp_streaming ├── css │ ├── conferencing_rtmp_streaming.css │ └── conferencing_rtmp_streaming.map ├── index.html ├── js │ └── conferencing_rtmp_streaming.js └── sass │ └── conferencing_rtmp_streaming.scss ├── conferencing_select_media ├── css │ ├── conference-selectmedia.css │ └── conference-selectmedia.css.map ├── index.html ├── js │ └── conference-selectmedia.js └── sass │ └── conference-basic-selectmedia.scss ├── conferencing_select_media_applyMediaFilter ├── css │ ├── conference-selectmedia-applyMediaFilter.css │ └── conference-selectmedia.css.map ├── img │ ├── background_apiRTC.jpg │ └── background_apiRTC_2.jpg ├── index.html ├── js │ └── conference-selectmedia-applyMediaFilter.js └── sass │ └── conference-basic-selectmedia.scss ├── conferencing_select_media_control ├── css │ ├── conference-selectmedia.css │ └── conference-selectmedia.css.map ├── index.html ├── js │ └── conference-selectmediacontrol.js └── sass │ └── conference-basic-selectmedia.scss ├── conferencing_whiteboard ├── css │ ├── whiteboard.css │ └── whiteboard.css.map ├── img │ ├── 1227m.gif │ ├── base.png │ ├── bg.png │ ├── capture.png │ ├── pointer.png │ ├── template2.gif │ └── tracey_grid-(2)-755797.jpg ├── index.html ├── js │ └── conferencing_whiteboard.js ├── lib │ └── images │ │ ├── ui-icons_444444_256x240.png │ │ ├── ui-icons_555555_256x240.png │ │ ├── ui-icons_777620_256x240.png │ │ ├── ui-icons_777777_256x240.png │ │ ├── ui-icons_cc0000_256x240.png │ │ └── ui-icons_ffffff_256x240.png └── sass │ └── whiteboard.scss ├── conferencing_whiteboard_invitation ├── css │ ├── whiteboard.css │ └── whiteboard.css.map ├── img │ ├── 1227m.gif │ ├── base.png │ ├── bg.png │ ├── capture.png │ ├── pointer.png │ ├── template2.gif │ └── tracey_grid-(2)-755797.jpg ├── index.html ├── js │ ├── whiteboard.js │ └── whiteboard_withTestCanvas.js ├── lib │ └── images │ │ ├── ui-icons_444444_256x240.png │ │ ├── ui-icons_555555_256x240.png │ │ ├── ui-icons_777620_256x240.png │ │ ├── ui-icons_777777_256x240.png │ │ ├── ui-icons_cc0000_256x240.png │ │ └── ui-icons_ffffff_256x240.png └── sass │ └── whiteboard.scss ├── main ├── css │ ├── main.css │ └── main.css.map ├── fonts │ ├── Black │ │ ├── Roboto-Black.ttf │ │ ├── Roboto-Black.woff │ │ └── Roboto-Black.woff2 │ ├── BlackItalic │ │ ├── Roboto-BlackItalic.ttf │ │ ├── Roboto-BlackItalic.woff │ │ └── Roboto-BlackItalic.woff2 │ ├── Bold │ │ ├── Roboto-Bold.ttf │ │ ├── Roboto-Bold.woff │ │ └── Roboto-Bold.woff2 │ ├── BoldItalic │ │ ├── Roboto-BoldItalic.ttf │ │ ├── Roboto-BoldItalic.woff │ │ └── Roboto-BoldItalic.woff2 │ ├── COPYRIGHT.txt │ ├── DESCRIPTION.en_us.html │ ├── Italic │ │ ├── Roboto-Italic.ttf │ │ ├── Roboto-Italic.woff │ │ └── Roboto-Italic.woff2 │ ├── LICENSE.txt │ ├── Light │ │ ├── Roboto-Light.ttf │ │ ├── Roboto-Light.woff │ │ └── Roboto-Light.woff2 │ ├── LightItalic │ │ ├── Roboto-LightItalic.ttf │ │ ├── Roboto-LightItalic.woff │ │ └── Roboto-LightItalic.woff2 │ ├── METADATA.json │ ├── Medium │ │ ├── Roboto-Medium.ttf │ │ ├── Roboto-Medium.woff │ │ └── Roboto-Medium.woff2 │ ├── MediumItalic │ │ ├── Roboto-MediumItalic.ttf │ │ ├── Roboto-MediumItalic.woff │ │ └── Roboto-MediumItalic.woff2 │ ├── Regular │ │ ├── Roboto-Regular.ttf │ │ ├── Roboto-Regular.woff │ │ └── Roboto-Regular.woff2 │ ├── Thin │ │ ├── Roboto-Thin.ttf │ │ ├── Roboto-Thin.woff │ │ └── Roboto-Thin.woff2 │ ├── ThinItalic │ │ ├── Roboto-ThinItalic.ttf │ │ ├── Roboto-ThinItalic.woff │ │ └── Roboto-ThinItalic.woff2 │ ├── apizee │ │ ├── apizee.eot │ │ ├── apizee.svg │ │ ├── apizee.ttf │ │ └── apizee.woff │ └── font-awesome │ │ ├── FontAwesome.otf │ │ ├── fontawesome-webfont.eot │ │ ├── fontawesome-webfont.svg │ │ ├── fontawesome-webfont.ttf │ │ ├── fontawesome-webfont.woff │ │ └── fontawesome-webfont.woff2 ├── images │ ├── ApiRTC_Logo_ondark_HD@2x.png │ ├── QoSLogo.svg │ ├── apirtc_logo_bubble.png │ ├── apizee_logo.png │ ├── background.png │ ├── favicon.png │ └── infoo.png ├── lib │ ├── images │ │ ├── ui-icons_444444_256x240.png │ │ ├── ui-icons_555555_256x240.png │ │ ├── ui-icons_777620_256x240.png │ │ ├── ui-icons_777777_256x240.png │ │ ├── ui-icons_cc0000_256x240.png │ │ └── ui-icons_ffffff_256x240.png │ ├── jquery-ui.min.css │ ├── jquery-ui.structure.min.css │ └── jquery-ui.theme.min.css └── sass │ └── main.scss ├── peertopeer_call ├── css │ └── peertopeer-call.css ├── index.html └── js │ └── peertopeer-call.js ├── peertopeer_call_accept_refuse ├── css │ └── peertopeer-call-accept-refuse.css ├── index.html └── js │ └── peertopeer-call-accept-refuse.js ├── peertopeer_call_accept_refuse_VP9 ├── css │ └── peertopeer-call-accept-refuse.css ├── index.html └── js │ └── peertopeer-call-accept-refuse.js ├── peertopeer_call_send_snapshot-Loop ├── css │ └── peertopeer-call-send-snapshot.css ├── index.html └── js │ └── peertopeer-call-send-snapshot.js ├── peertopeer_call_send_snapshot ├── css │ └── peertopeer-call-send-snapshot.css ├── index.html └── js │ └── peertopeer-call-send-snapshot.js ├── peertopeer_call_sendfile ├── css │ └── peertopeer-call-sendfile.css ├── index.html └── js │ └── peertopeer-call-sendfile.js ├── peertopeer_chat ├── css │ ├── peertopeer-chat.css │ └── peertopeer-chat.css.map ├── index.html ├── js │ └── peertopeer-chat.js └── sass │ └── peertopeer-chat.scss ├── peertopeer_sendData ├── css │ ├── peertopeer-sendData.css │ └── peertopeer-sendData.css.map ├── index.html ├── js │ └── peertopeer-sendData.js └── sass │ └── peertopeer-sendData.scss ├── presence_group_basic ├── README.md ├── agent.html ├── index.html ├── resources │ ├── screen_agent.png │ └── screen_customer.png └── src │ ├── agent.js │ └── index.js ├── sendFile ├── css │ ├── sendFile.css │ └── sendFile.css.map ├── index.html ├── js │ └── sendFile.js └── sass │ └── ua_reg_ext.scss ├── streams_applyAudioProcessor ├── css │ ├── streams-applyaudioprocessor.css │ └── streams-applyaudioprocessor.css.map ├── index.html ├── js │ └── streams-applyaudioprocessor.js └── sass │ └── streams-applyaudioprocessor.scss ├── streams_applyVideoProcessor ├── css │ ├── streams-applyvideoprocessor.css │ └── streams-applyvideoprocessor.css.map ├── index.html ├── js │ └── streams-applyvideoprocessor.js └── sass │ └── streams-applyvideoprocessor.scss ├── streams_record_media ├── css │ ├── streams-record-media.css │ └── streams-record-media.css.map ├── index.html ├── js │ └── streams-record-media.js └── sass │ └── streams-record-media.scss ├── streams_screensharing ├── css │ ├── streams-screensharing.css │ └── streams-screensharing.css.map ├── index.html ├── js │ └── streams-screensharing.js └── sass │ └── streams-screensharing.scss ├── streams_select_media ├── css │ ├── streams-select-media.css │ └── streams-select-media.css.map ├── index.html ├── js │ └── streams-select-media.js └── sass │ └── streams-select-media.scss ├── streams_snapshot ├── css │ ├── streams-snapshot.css │ └── streams-snapshot.css.map ├── index.html ├── js │ └── streams-snapshot.js └── sass │ └── streams-record-media.scss ├── streams_video_resolution ├── css │ ├── streams-video-resolution.css │ └── streams-video-resolution.css.map ├── index.html ├── js │ └── streams-video-resolution.js └── sass │ └── streams-video-resolution.scss ├── ua_reg_apikey ├── css │ ├── ua_reg_ext.css │ └── ua_reg_ext.css.map ├── index.html ├── js │ └── ua_reg_ext.js └── sass │ └── ua_reg_ext.scss ├── ua_reg_apizee ├── css │ ├── ua_reg_apizee.css │ └── ua_reg_apizee.css.map ├── index.html ├── js │ └── ua_reg_apizee.js └── sass │ └── ua_reg_apizee.scss └── whiteboard_conversationSpace ├── css ├── whiteboard.css └── whiteboard.css.map ├── img ├── 1227m.gif ├── base.png ├── bg.png ├── capture.png ├── pointer.png ├── template2.gif └── tracey_grid-(2)-755797.jpg ├── index.html ├── index_testwithCanvas.html ├── js ├── whiteboard.js └── whiteboard_withTestCanvas.js ├── lib └── images │ ├── ui-icons_444444_256x240.png │ ├── ui-icons_555555_256x240.png │ ├── ui-icons_777620_256x240.png │ ├── ui-icons_777777_256x240.png │ ├── ui-icons_cc0000_256x240.png │ └── ui-icons_ffffff_256x240.png └── sass └── whiteboard.scss /.github/workflows/static.yml: -------------------------------------------------------------------------------- 1 | # Simple workflow for deploying static content to GitHub Pages 2 | name: Deploy static content to Pages 3 | 4 | on: 5 | # Runs on pushes targeting the default branch 6 | push: 7 | branches: ["master"] 8 | 9 | # Allows you to run this workflow manually from the Actions tab 10 | workflow_dispatch: 11 | 12 | # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages 13 | permissions: 14 | contents: read 15 | pages: write 16 | id-token: write 17 | 18 | # Allow one concurrent deployment 19 | concurrency: 20 | group: "pages" 21 | cancel-in-progress: true 22 | 23 | jobs: 24 | # Single deploy job since we're just deploying 25 | deploy: 26 | environment: 27 | name: github-pages 28 | url: ${{ steps.deployment.outputs.page_url }} 29 | runs-on: ubuntu-latest 30 | steps: 31 | - name: Checkout 32 | uses: actions/checkout@v4 33 | - name: Find and Replace 34 | run: | 35 | find . -name "*.js" -exec sed -i "s/#INSERT_YOUR_APIKEY_HERE#/myDemoApiKey/g" {} + 36 | - name: Setup Pages 37 | uses: actions/configure-pages@v4 38 | - name: Upload artifact 39 | uses: actions/upload-pages-artifact@v3 40 | with: 41 | # Upload entire repository 42 | path: '.' 43 | - name: Deploy to GitHub Pages 44 | id: deployment 45 | uses: actions/deploy-pages@v4 46 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | Sample_apiRTC_V3/.DS_Store 2 | .DS_Store 3 | -------------------------------------------------------------------------------- /basic_apiRTC_application/css/app.css: -------------------------------------------------------------------------------- 1 | html { 2 | height: 100%; 3 | } 4 | body { 5 | height: 100%; 6 | margin: 0; 7 | } 8 | 9 | #conference { 10 | position: relative; 11 | width: 100%; 12 | height: 100%; 13 | } 14 | 15 | #remote { 16 | position: absolute; 17 | left: 0; 18 | top: 0; 19 | width: 100%; 20 | height: 100%; 21 | z-index: 1; 22 | } 23 | 24 | #local { 25 | position: absolute; 26 | width: 320px; 27 | height: 240px; 28 | bottom: 20px; 29 | right: 20px; 30 | z-index: 2; 31 | } -------------------------------------------------------------------------------- /basic_apiRTC_application/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | ApiRTC Quickstart 5 | 6 | 7 | 8 | 9 |
10 |
11 |
12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /basic_apiRTC_application/js/app.js: -------------------------------------------------------------------------------- 1 | var API_KEY = 'myDemoApiKey'; 2 | 3 | var userAgent = new apiRTC.UserAgent({ uri: 'apzkey:' + API_KEY }); 4 | 5 | userAgent.register().then(function(session) { 6 | var conversation = session.getConversation('quickstart'); 7 | 8 | // subscribe to remote stream 9 | conversation.on('streamListChanged', function(streamInfo) { 10 | if (streamInfo.listEventType === 'added' && streamInfo.isRemote === true) { 11 | conversation.subscribeToMedia(streamInfo.streamId).then(function (stream) { 12 | console.log('Successfully subscribed to remote stream: ', stream); 13 | }).catch(function (err) { 14 | console.error('Failed to subscribe to remote stream: ', err); 15 | }); 16 | } 17 | }); 18 | 19 | conversation.on('streamAdded', function(stream) { 20 | stream.addInDiv('remote', 'remote-media', { width: '100%', height: '100%' }, false); 21 | }); 22 | 23 | conversation.on('streamRemoved', function(stream) { 24 | stream.removeFromDiv('remote', 'remote-media'); 25 | }); 26 | 27 | 28 | 29 | // publish local stream 30 | 31 | var streamOptions = { 32 | constraints: { 33 | audio: true, 34 | video: true 35 | } 36 | }; 37 | 38 | userAgent.createStream(streamOptions).then(function(stream) { 39 | stream.addInDiv('local', 'local-media', { width: '100%', height: '100%' }, true); 40 | conversation.join().then(function() { 41 | conversation.publish(stream); 42 | }); 43 | }); 44 | }); -------------------------------------------------------------------------------- /conferencing/css/conference.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | #container h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | #container #create { 15 | display: inline-block; 16 | } 17 | #container #create [type="text"] { 18 | border: none; 19 | height: 30px; 20 | width: 220px; 21 | padding: 4px 40px 4px 20px; 22 | font-size: 14px; 23 | font-family: Roboto; 24 | -webkit-border-radius: 20px; 25 | -moz-border-radius: 20px; 26 | border-radius: 20px; 27 | outline: none; 28 | } 29 | #container #create button { 30 | background: #1797DE; 31 | border: 3px solid #1e1e1e; 32 | height: 38px; 33 | padding: 4px 30px; 34 | margin-left: -30px; 35 | color: #ffffff; 36 | font-size: 14px; 37 | font-family: Roboto; 38 | text-transform: uppercase; 39 | -webkit-border-radius: 20px; 40 | -moz-border-radius: 20px; 41 | border-radius: 20px; 42 | -webkit-transition: background 0.10s linear; 43 | -moz-transition: background 0.10s linear; 44 | transition: background 0.10s linear; 45 | cursor: pointer; 46 | outline: none; 47 | } 48 | #container #create button:hover { 49 | background: #1581C8; 50 | } 51 | #container #conference { 52 | display: none; 53 | margin-bottom: 100px; 54 | } 55 | #container #conference #local-container { 56 | text-align: right; 57 | } 58 | #container #conference #local-container video { 59 | height: 150px; 60 | } 61 | #container #conference #remote-container video { 62 | height: 300px; 63 | } 64 | 65 | /*# sourceMappingURL=conference.css.map */ 66 | -------------------------------------------------------------------------------- /conferencing/css/conference.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,kBAAQ;IACJ,OAAO,EAAE,YAAY;IAErB,gCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,yBAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,+BAAQ;QACJ,UAAU,EAAE,OAAO;EAK/B,sBAAY;IACR,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,uCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,6CAAM;QACF,MAAM,EAAE,KAAK;IAKjB,8CAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/conference.scss"], 5 | "names": [], 6 | "file": "conference.css" 7 | } -------------------------------------------------------------------------------- /conferencing_QoSInfoDisplay/css/conference-qos.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,kBAAQ;IACJ,OAAO,EAAE,YAAY;IAErB,gCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,yBAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,+BAAQ;QACJ,UAAU,EAAE,OAAO;EAK/B,sBAAY;IACR,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,uCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,6CAAM;QACF,MAAM,EAAE,KAAK;IAKjB,8CAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/conference.scss"], 5 | "names": [], 6 | "file": "conference.css" 7 | } -------------------------------------------------------------------------------- /conferencing_ble/css/conference-ble.css: -------------------------------------------------------------------------------- 1 | p { 2 | color: white; 3 | font-family: Roboto; 4 | font-size: 14px; 5 | } 6 | 7 | #container { 8 | width: 100%; 9 | min-height: calc(100% - 44px); 10 | margin-bottom: -28px; 11 | text-align: center; 12 | } 13 | 14 | #container h2 { 15 | margin: 30px 0; 16 | color: white; 17 | font-family: Roboto; 18 | font-weight: 300; 19 | font-size: 40px; 20 | } 21 | 22 | #container #create { 23 | display: inline-block; 24 | margin-top: 30px; 25 | } 26 | 27 | #container #create [type='text'] { 28 | border: none; 29 | height: 30px; 30 | width: 220px; 31 | padding: 4px 40px 4px 20px; 32 | font-size: 14px; 33 | font-family: Roboto; 34 | -webkit-border-radius: 20px; 35 | -moz-border-radius: 20px; 36 | border-radius: 20px; 37 | outline: none; 38 | } 39 | 40 | #container #create button { 41 | background: #1797de; 42 | border: 3px solid #1e1e1e; 43 | height: 38px; 44 | padding: 4px 30px; 45 | margin-left: -30px; 46 | color: #ffffff; 47 | font-size: 14px; 48 | font-family: Roboto; 49 | text-transform: uppercase; 50 | -webkit-border-radius: 20px; 51 | -moz-border-radius: 20px; 52 | border-radius: 20px; 53 | -webkit-transition: background 0.1s linear; 54 | -moz-transition: background 0.1s linear; 55 | transition: background 0.1s linear; 56 | cursor: pointer; 57 | outline: none; 58 | } 59 | 60 | #container #create button:hover { 61 | background: #1581c8; 62 | } 63 | 64 | #container #conference { 65 | display: none; 66 | margin-bottom: 100px; 67 | } 68 | 69 | #container #conference #local-container { 70 | text-align: right; 71 | } 72 | 73 | #container #conference #local-container video { 74 | height: 150px; 75 | } 76 | 77 | #container #conference #remote-container video { 78 | height: 300px; 79 | } 80 | 81 | #ble-container { 82 | color: white; 83 | font-family: Roboto; 84 | font-size: 14px; 85 | } 86 | 87 | #ble-local { 88 | margin-top: 10px; 89 | display: none; 90 | } 91 | 92 | #ble-local span { 93 | font-weight: bold; 94 | } 95 | 96 | #ble-remote { 97 | margin-top: 10px; 98 | display: none; 99 | } 100 | 101 | #ble-remote span { 102 | font-weight: bold; 103 | } 104 | 105 | /*# sourceMappingURL=conference.css.map */ -------------------------------------------------------------------------------- /conferencing_chat/css/conferencing-chat.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; } 6 | #container h2 { 7 | margin: 60px 0; 8 | color: white; 9 | font-family: Roboto; 10 | font-weight: 300; 11 | font-size: 40px; } 12 | #container #conversation-selector { 13 | display: inline-block; } 14 | #container #conversation-selector [type="text"] { 15 | border: none; 16 | height: 30px; 17 | width: 220px; 18 | padding: 4px 40px 4px 20px; 19 | font-size: 14px; 20 | font-family: Roboto; 21 | -webkit-border-radius: 20px; 22 | -moz-border-radius: 20px; 23 | border-radius: 20px; 24 | outline: none; } 25 | #container #conversation-selector button { 26 | background: #1797DE; 27 | border: 3px solid #1e1e1e; 28 | height: 38px; 29 | padding: 4px 30px; 30 | margin-left: -30px; 31 | color: #ffffff; 32 | font-size: 14px; 33 | font-family: Roboto; 34 | text-transform: uppercase; 35 | -webkit-border-radius: 20px; 36 | -moz-border-radius: 20px; 37 | border-radius: 20px; 38 | -webkit-transition: background 0.10s linear; 39 | -moz-transition: background 0.10s linear; 40 | transition: background 0.10s linear; 41 | cursor: pointer; 42 | outline: none; } 43 | #container #conversation-selector button:hover { 44 | background: #1581C8; } 45 | #container #conversation-selector #my-number-legend { 46 | width: 100%; 47 | padding: 10px 0 0; 48 | color: white; 49 | font-family: Roboto; 50 | text-align: center; } 51 | #container #chat { 52 | display: none; 53 | width: 600px; 54 | margin: auto; } 55 | #container #chat h3 { 56 | margin: 20px 0; 57 | color: white; 58 | font-family: Roboto; 59 | font-weight: 300; 60 | font-size: 30px; } 61 | #container #chat #chat-body { 62 | height: 200px; 63 | display: flex; 64 | text-align: left; 65 | font-family: Roboto; 66 | width: 100%; } 67 | #container #chat #chat-body #message-list { 68 | list-style-type: none; 69 | flex-basis: 80%; 70 | padding-left: 15px; 71 | margin: auto; 72 | height: 100%; 73 | background: #dddddd; 74 | overflow-y: auto; } 75 | #container #chat #chat-body #active-users { 76 | list-style-type: none; 77 | flex-basis: 20%; 78 | padding-left: 5px; 79 | margin: auto; 80 | height: 100%; 81 | background: #bbbbbb; } 82 | #container #chat #chat-footer { 83 | width: 100%; 84 | display: flex; } 85 | #container #chat #chat-footer #typing-area { 86 | flex-basis: 80%; } 87 | #container #chat #chat-footer #send-message { 88 | flex-basis: 20%; } 89 | 90 | /*# sourceMappingURL=conferencing-chat.css.map */ 91 | -------------------------------------------------------------------------------- /conferencing_chat/css/conferencing-chat.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,iCAAuB;IACnB,OAAO,EAAE,YAAY;IAErB,+CAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,wCAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,8CAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,mDAAkB;MACd,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,QAAQ;MACjB,KAAK,EAAE,KAAK;MACZ,WAAW,EAAE,MAAM;MACnB,UAAU,EAAE,MAAM;EAI1B,gBAAM;IACF,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,IAAI;IACZ,mBAAG;MACC,MAAM,EAAE,MAAM;MACd,KAAK,EAAE,KAAK;MACZ,WAAW,EAAE,MAAM;MACnB,WAAW,EAAE,GAAG;MAChB,SAAS,EAAE,IAAI;IAGnB,2BAAW;MACP,MAAM,EAAE,KAAK;MACb,OAAO,EAAE,IAAI;MACb,UAAU,EAAE,IAAI;MAChB,WAAW,EAAE,MAAM;MACnB,KAAK,EAAE,IAAI;MACX,yCAAc;QACV,eAAe,EAAE,IAAI;QACrB,UAAU,EAAE,GAAG;QACf,YAAY,EAAE,IAAI;QAClB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,OAAO;QACnB,UAAU,EAAE,IAAI;MAEpB,yCAAc;QACV,eAAe,EAAE,IAAI;QACrB,UAAU,EAAE,GAAG;QACf,YAAY,EAAE,GAAG;QACjB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,OAAO;IAI3B,6BAAa;MACT,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,IAAI;MAEb,0CAAa;QACT,UAAU,EAAE,GAAG;MAGnB,2CAAc;QACV,UAAU,EAAE,GAAG", 4 | "sources": ["../sass/conferencing-chat.scss"], 5 | "names": [], 6 | "file": "conferencing-chat.css" 7 | } -------------------------------------------------------------------------------- /conferencing_chat/sass/conferencing-chat.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | #conversation-selector { 16 | display: inline-block; 17 | 18 | [type="text"] { 19 | border: none; 20 | height: 30px; 21 | width: 220px; 22 | padding: 4px 40px 4px 20px; 23 | font-size: 14px; 24 | font-family: Roboto; 25 | -webkit-border-radius: 20px; 26 | -moz-border-radius: 20px; 27 | border-radius: 20px; 28 | outline: none; 29 | } 30 | 31 | button { 32 | background: #1797DE; 33 | border: 3px solid rgba(30, 30, 30, 1); 34 | height: 38px; 35 | padding: 4px 30px; 36 | margin-left: -30px; 37 | color: #ffffff; 38 | font-size: 14px; 39 | font-family: Roboto; 40 | text-transform: uppercase; 41 | -webkit-border-radius: 20px; 42 | -moz-border-radius: 20px; 43 | border-radius: 20px; 44 | -webkit-transition: background 0.10s linear; 45 | -moz-transition: background 0.10s linear; 46 | transition: background 0.10s linear; 47 | cursor: pointer; 48 | outline: none; 49 | 50 | &:hover { 51 | background: #1581C8; 52 | } 53 | } 54 | 55 | #my-number-legend { 56 | width: 100%; 57 | padding: 10px 0 0; 58 | color: white; 59 | font-family: Roboto; 60 | text-align: center; 61 | } 62 | } 63 | 64 | #chat { 65 | display: none; 66 | width: 600px; 67 | margin: auto; 68 | h3 { 69 | margin: 20px 0; 70 | color: white; 71 | font-family: Roboto; 72 | font-weight: 300; 73 | font-size: 30px; 74 | } 75 | 76 | #chat-body { 77 | height: 200px; 78 | display: flex; 79 | text-align: left; 80 | font-family: Roboto; 81 | width: 100%; 82 | #message-list { 83 | list-style-type: none; 84 | flex-basis: 80%; 85 | padding-left: 15px; 86 | margin: auto; 87 | height: 100%; 88 | background: #dddddd; 89 | overflow-y: auto; 90 | } 91 | #active-users { 92 | list-style-type: none; 93 | flex-basis: 20%; 94 | padding-left: 5px; 95 | margin: auto; 96 | height: 100%; 97 | background: #bbbbbb; 98 | } 99 | } 100 | 101 | #chat-footer { 102 | width: 100%; 103 | display: flex; 104 | 105 | #typing-area { 106 | flex-basis: 80%; 107 | } 108 | 109 | #send-message { 110 | flex-basis: 20%; 111 | } 112 | } 113 | } 114 | } -------------------------------------------------------------------------------- /conferencing_chat_file_transfer/css/conference-chat-file-transfer.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: 100%; 4 | text-align: center; 5 | } 6 | #container h2 { 7 | margin: 60px 0; 8 | color: white; 9 | font-family: Roboto; 10 | font-weight: 300; 11 | font-size: 40px; 12 | } 13 | #container h3 { 14 | margin: 20px 0; 15 | color: white; 16 | font-family: Roboto; 17 | font-weight: 300; 18 | font-size: 30px; 19 | } 20 | #container #create { 21 | display: inline-block; 22 | } 23 | #container #create [type="text"] { 24 | border: none; 25 | height: 30px; 26 | width: 220px; 27 | padding: 4px 40px 4px 20px; 28 | font-size: 14px; 29 | font-family: Roboto; 30 | -webkit-border-radius: 20px; 31 | -moz-border-radius: 20px; 32 | border-radius: 20px; 33 | outline: none; 34 | } 35 | #container #create button { 36 | background: #1797de; 37 | border: 3px solid #1e1e1e; 38 | height: 38px; 39 | padding: 4px 30px; 40 | margin-left: -30px; 41 | color: #ffffff; 42 | font-size: 14px; 43 | font-family: Roboto; 44 | text-transform: uppercase; 45 | -webkit-border-radius: 20px; 46 | -moz-border-radius: 20px; 47 | border-radius: 20px; 48 | -webkit-transition: background 0.1s linear; 49 | -moz-transition: background 0.1s linear; 50 | transition: background 0.1s linear; 51 | cursor: pointer; 52 | outline: none; 53 | } 54 | #container #create button:hover { 55 | background: #1581c8; 56 | } 57 | #container #conference { 58 | display: none; 59 | margin-bottom: 30px; 60 | } 61 | #container #conference #local-container { 62 | text-align: right; 63 | } 64 | #container #conference #local-container video { 65 | height: 150px; 66 | } 67 | #container #conference #remote-container video { 68 | height: 300px; 69 | } 70 | #container #chat { 71 | display: none; 72 | width: 600px; 73 | margin: 0 auto; 74 | } 75 | #container #chat #chat-body { 76 | height: 200px; 77 | display: flex; 78 | text-align: left; 79 | font-family: Roboto; 80 | font-size: 13px; 81 | width: 100%; 82 | } 83 | #container #chat #chat-body #message-list { 84 | list-style-type: none; 85 | flex-basis: 80%; 86 | padding-left: 15px; 87 | margin: auto; 88 | height: 100%; 89 | background: #dddddd; 90 | overflow-y: auto; 91 | } 92 | #container #chat #chat-body #active-users { 93 | list-style-type: none; 94 | flex-basis: 20%; 95 | padding-left: 5px; 96 | margin: auto; 97 | height: 100%; 98 | background: #bbbbbb; 99 | } 100 | #container #chat #chat-footer { 101 | width: 100%; 102 | display: flex; 103 | } 104 | #container #chat #chat-footer #typing-area { 105 | flex-basis: 80%; 106 | } 107 | #container #chat #chat-footer #send-message { 108 | flex-basis: 20%; 109 | } 110 | #container #file-transfer { 111 | display: none; 112 | color: #fff; 113 | margin: 30px 0; 114 | } 115 | #container #file-transfer p { 116 | font-family: Roboto; 117 | font-size: 13px; 118 | color: #999; 119 | } 120 | -------------------------------------------------------------------------------- /conferencing_join-leave/css/conference.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,kBAAQ;IACJ,OAAO,EAAE,YAAY;IAErB,gCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,yBAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,+BAAQ;QACJ,UAAU,EAAE,OAAO;EAK/B,sBAAY;IACR,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,uCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,6CAAM;QACF,MAAM,EAAE,KAAK;IAKjB,8CAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/conference.scss"], 5 | "names": [], 6 | "file": "conference.css" 7 | } -------------------------------------------------------------------------------- /conferencing_join-leave/css/conference_join-leave.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | #container h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | #container #create { 15 | display: none; 16 | } 17 | #container #create [type="text"] { 18 | border: none; 19 | height: 30px; 20 | width: 220px; 21 | padding: 4px 40px 4px 20px; 22 | font-size: 14px; 23 | font-family: Roboto; 24 | -webkit-border-radius: 20px; 25 | -moz-border-radius: 20px; 26 | border-radius: 20px; 27 | outline: none; 28 | } 29 | #container button { 30 | background: #1797DE; 31 | border: 3px solid #1e1e1e; 32 | height: 38px; 33 | padding: 4px 30px; 34 | margin-left: -30px; 35 | color: #ffffff; 36 | font-size: 14px; 37 | font-family: Roboto; 38 | text-transform: uppercase; 39 | -webkit-border-radius: 20px; 40 | -moz-border-radius: 20px; 41 | border-radius: 20px; 42 | -webkit-transition: background 0.10s linear; 43 | -moz-transition: background 0.10s linear; 44 | transition: background 0.10s linear; 45 | cursor: pointer; 46 | outline: none; 47 | } 48 | #container button:hover { 49 | background: #1581C8; 50 | } 51 | #container #conference { 52 | display: none; 53 | margin-bottom: 100px; 54 | } 55 | #container #conference #local-container { 56 | text-align: right; 57 | } 58 | #container #conference #local-container video { 59 | height: 150px; 60 | } 61 | #container #conference #remote-container video { 62 | height: 300px; 63 | } 64 | 65 | /*# sourceMappingURL=conference.css.map */ 66 | -------------------------------------------------------------------------------- /conferencing_join-leave/sass/conference-basic.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | #create { 16 | display: inline-block; 17 | 18 | [type="text"] { 19 | border: none; 20 | height: 30px; 21 | width: 220px; 22 | padding: 4px 40px 4px 20px; 23 | font-size: 14px; 24 | font-family: Roboto; 25 | -webkit-border-radius: 20px; 26 | -moz-border-radius: 20px; 27 | border-radius: 20px; 28 | outline: none; 29 | } 30 | 31 | button { 32 | background: #1797DE; 33 | border: 3px solid rgba(30, 30, 30, 1); 34 | height: 38px; 35 | padding: 4px 30px; 36 | margin-left: -30px; 37 | color: #ffffff; 38 | font-size: 14px; 39 | font-family: Roboto; 40 | text-transform: uppercase; 41 | -webkit-border-radius: 20px; 42 | -moz-border-radius: 20px; 43 | border-radius: 20px; 44 | -webkit-transition: background 0.10s linear; 45 | -moz-transition: background 0.10s linear; 46 | transition: background 0.10s linear; 47 | cursor: pointer; 48 | outline: none; 49 | 50 | &:hover { 51 | background: #1581C8; 52 | } 53 | } 54 | } 55 | 56 | #conference { 57 | display: none; 58 | margin-bottom: 100px; 59 | 60 | #local-container { 61 | text-align: right; 62 | 63 | video { 64 | height: 150px; 65 | } 66 | } 67 | 68 | #remote-container { 69 | video { 70 | height: 300px; 71 | } 72 | } 73 | } 74 | } -------------------------------------------------------------------------------- /conferencing_moderation/css/conference.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,kBAAQ;IACJ,OAAO,EAAE,YAAY;IAErB,gCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,yBAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,+BAAQ;QACJ,UAAU,EAAE,OAAO;EAK/B,sBAAY;IACR,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,uCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,6CAAM;QACF,MAAM,EAAE,KAAK;IAKjB,8CAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/conference.scss"], 5 | "names": [], 6 | "file": "conference.css" 7 | } -------------------------------------------------------------------------------- /conferencing_moderation/css/conference_moderation.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | 8 | #container h2 { 9 | margin: 60px 0; 10 | color: white; 11 | font-family: Roboto; 12 | font-weight: 300; 13 | font-size: 40px; 14 | } 15 | 16 | #container #join { 17 | display: none; 18 | } 19 | 20 | #container #create { 21 | display: none; 22 | } 23 | 24 | #container #joinRequest { 25 | display: none; 26 | } 27 | 28 | #container [type="text"] { 29 | border: none; 30 | height: 30px; 31 | width: 220px; 32 | padding: 4px 40px 4px 20px; 33 | font-size: 14px; 34 | font-family: Roboto; 35 | -webkit-border-radius: 20px; 36 | -moz-border-radius: 20px; 37 | border-radius: 20px; 38 | outline: none; 39 | } 40 | 41 | #container button { 42 | background: #1797DE; 43 | border: 3px solid #1e1e1e; 44 | height: 38px; 45 | padding: 4px 30px; 46 | margin-left: -30px; 47 | color: #ffffff; 48 | font-size: 14px; 49 | font-family: Roboto; 50 | text-transform: uppercase; 51 | -webkit-border-radius: 20px; 52 | -moz-border-radius: 20px; 53 | border-radius: 20px; 54 | -webkit-transition: background 0.10s linear; 55 | -moz-transition: background 0.10s linear; 56 | transition: background 0.10s linear; 57 | cursor: pointer; 58 | outline: none; 59 | } 60 | 61 | #container button:hover { 62 | background: #1581C8; 63 | } 64 | 65 | #container #conference { 66 | display: none; 67 | margin-bottom: 100px; 68 | } 69 | 70 | #container #conference #local-container video { 71 | height: 150px; 72 | } 73 | 74 | #container #conference #remote-container video { 75 | height: 300px; 76 | } 77 | 78 | a.open-client { 79 | position: absolute; 80 | background: #1797DE; 81 | padding: 10px; 82 | color: white; 83 | font-family: Roboto; 84 | font-size: 12px; 85 | font-weight: 300; 86 | -webkit-border-radius: 4px; 87 | -moz-border-radius: 4px; 88 | border-radius: 4px; 89 | -webkit-transition: all 0.10s linear; 90 | -moz-transition: all 0.10s linear; 91 | transition: all 0.10s linear; } 92 | /*# sourceMappingURL=conference.css.map */ -------------------------------------------------------------------------------- /conferencing_moderation/sass/conference-basic.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | #create { 16 | display: inline-block; 17 | 18 | [type="text"] { 19 | border: none; 20 | height: 30px; 21 | width: 220px; 22 | padding: 4px 40px 4px 20px; 23 | font-size: 14px; 24 | font-family: Roboto; 25 | -webkit-border-radius: 20px; 26 | -moz-border-radius: 20px; 27 | border-radius: 20px; 28 | outline: none; 29 | } 30 | 31 | button { 32 | background: #1797DE; 33 | border: 3px solid rgba(30, 30, 30, 1); 34 | height: 38px; 35 | padding: 4px 30px; 36 | margin-left: -30px; 37 | color: #ffffff; 38 | font-size: 14px; 39 | font-family: Roboto; 40 | text-transform: uppercase; 41 | -webkit-border-radius: 20px; 42 | -moz-border-radius: 20px; 43 | border-radius: 20px; 44 | -webkit-transition: background 0.10s linear; 45 | -moz-transition: background 0.10s linear; 46 | transition: background 0.10s linear; 47 | cursor: pointer; 48 | outline: none; 49 | 50 | &:hover { 51 | background: #1581C8; 52 | } 53 | } 54 | } 55 | 56 | #conference { 57 | display: none; 58 | margin-bottom: 100px; 59 | 60 | #local-container { 61 | text-align: right; 62 | 63 | video { 64 | height: 150px; 65 | } 66 | } 67 | 68 | #remote-container { 69 | video { 70 | height: 300px; 71 | } 72 | } 73 | } 74 | } -------------------------------------------------------------------------------- /conferencing_mute_screen/css/conference_mute_screen.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | #container h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | #container #create { 15 | display: inline-block; 16 | } 17 | #container #create [type="text"] { 18 | border: none; 19 | height: 30px; 20 | width: 220px; 21 | padding: 4px 40px 4px 20px; 22 | font-size: 14px; 23 | font-family: Roboto; 24 | -webkit-border-radius: 20px; 25 | -moz-border-radius: 20px; 26 | border-radius: 20px; 27 | outline: none; 28 | } 29 | #container #create button { 30 | background: #1797DE; 31 | border: 3px solid #1e1e1e; 32 | height: 38px; 33 | padding: 4px 30px; 34 | margin-left: -30px; 35 | color: #ffffff; 36 | font-size: 14px; 37 | font-family: Roboto; 38 | text-transform: uppercase; 39 | -webkit-border-radius: 20px; 40 | -moz-border-radius: 20px; 41 | border-radius: 20px; 42 | -webkit-transition: background 0.10s linear; 43 | -moz-transition: background 0.10s linear; 44 | transition: background 0.10s linear; 45 | cursor: pointer; 46 | outline: none; 47 | } 48 | #container #create button:hover { 49 | background: #1581C8; 50 | } 51 | #container #conference { 52 | display: none; 53 | margin-bottom: 100px; 54 | } 55 | #container #conference #local-container { 56 | text-align: right; 57 | } 58 | #container #conference #local-container video { 59 | height: 150px; 60 | } 61 | #container #conference #remote-container video { 62 | height: 300px; 63 | } 64 | #container #callActions button { 65 | background: #1797DE; 66 | border: 3px solid #1e1e1e; 67 | height: 38px; 68 | padding: 4px 30px; 69 | margin-left: -30px; 70 | color: #ffffff; 71 | font-size: 14px; 72 | font-family: Roboto; 73 | text-transform: uppercase; 74 | -webkit-border-radius: 20px; 75 | -moz-border-radius: 20px; 76 | border-radius: 20px; 77 | -webkit-transition: background 0.10s linear; 78 | -moz-transition: background 0.10s linear; 79 | transition: 0.10s linear; 80 | cursor: pointer; 81 | outline: none; 82 | } 83 | /*# sourceMappingURL=conference.css.map */ 84 | -------------------------------------------------------------------------------- /conferencing_mute_screen/css/conference_mute_screen.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,kBAAQ;IACJ,OAAO,EAAE,YAAY;IAErB,gCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,yBAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,+BAAQ;QACJ,UAAU,EAAE,OAAO;EAK/B,sBAAY;IACR,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,uCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,6CAAM;QACF,MAAM,EAAE,KAAK;IAKjB,8CAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/conference.scss"], 5 | "names": [], 6 | "file": "conference.css" 7 | } -------------------------------------------------------------------------------- /conferencing_mute_screen/sass/conference-basic.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | #create { 16 | display: inline-block; 17 | 18 | [type="text"] { 19 | border: none; 20 | height: 30px; 21 | width: 220px; 22 | padding: 4px 40px 4px 20px; 23 | font-size: 14px; 24 | font-family: Roboto; 25 | -webkit-border-radius: 20px; 26 | -moz-border-radius: 20px; 27 | border-radius: 20px; 28 | outline: none; 29 | } 30 | 31 | button { 32 | background: #1797DE; 33 | border: 3px solid rgba(30, 30, 30, 1); 34 | height: 38px; 35 | padding: 4px 30px; 36 | margin-left: -30px; 37 | color: #ffffff; 38 | font-size: 14px; 39 | font-family: Roboto; 40 | text-transform: uppercase; 41 | -webkit-border-radius: 20px; 42 | -moz-border-radius: 20px; 43 | border-radius: 20px; 44 | -webkit-transition: background 0.10s linear; 45 | -moz-transition: background 0.10s linear; 46 | transition: background 0.10s linear; 47 | cursor: pointer; 48 | outline: none; 49 | 50 | &:hover { 51 | background: #1581C8; 52 | } 53 | } 54 | } 55 | 56 | #conference { 57 | display: none; 58 | margin-bottom: 100px; 59 | 60 | #local-container { 61 | text-align: right; 62 | 63 | video { 64 | height: 150px; 65 | } 66 | } 67 | 68 | #remote-container { 69 | video { 70 | height: 300px; 71 | } 72 | } 73 | } 74 | } -------------------------------------------------------------------------------- /conferencing_mute_screen_advanced-PUB-SUB/css/conference_mute_screen.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,kBAAQ;IACJ,OAAO,EAAE,YAAY;IAErB,gCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,yBAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,+BAAQ;QACJ,UAAU,EAAE,OAAO;EAK/B,sBAAY;IACR,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,uCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,6CAAM;QACF,MAAM,EAAE,KAAK;IAKjB,8CAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/conference.scss"], 5 | "names": [], 6 | "file": "conference.css" 7 | } -------------------------------------------------------------------------------- /conferencing_mute_screen_advanced-PUB-SUB/css/conference_mute_screen_advanced-PUB-SUB.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | #container h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | #container #text { 15 | width: 800px; 16 | padding: 10px 0 0; 17 | color: white; 18 | font-family: Roboto; 19 | text-align: left; 20 | margin: auto; 21 | } 22 | #container #create { 23 | display: inline-block; 24 | } 25 | #container #create [type="text"] { 26 | border: none; 27 | height: 30px; 28 | width: 220px; 29 | padding: 4px 40px 4px 20px; 30 | font-size: 14px; 31 | font-family: Roboto; 32 | -webkit-border-radius: 20px; 33 | -moz-border-radius: 20px; 34 | border-radius: 20px; 35 | outline: none; 36 | } 37 | #container #create button { 38 | background: #1797DE; 39 | border: 3px solid #1e1e1e; 40 | height: 38px; 41 | padding: 4px 30px; 42 | margin-left: -30px; 43 | color: #ffffff; 44 | font-size: 14px; 45 | font-family: Roboto; 46 | text-transform: uppercase; 47 | -webkit-border-radius: 20px; 48 | -moz-border-radius: 20px; 49 | border-radius: 20px; 50 | -webkit-transition: background 0.10s linear; 51 | -moz-transition: background 0.10s linear; 52 | transition: background 0.10s linear; 53 | cursor: pointer; 54 | outline: none; 55 | } 56 | #container #create button:hover { 57 | background: #1581C8; 58 | } 59 | #container #conference { 60 | display: none; 61 | margin-bottom: 100px; 62 | } 63 | #container #conference #local-container { 64 | text-align: right; 65 | } 66 | #container #conference #local-container video { 67 | height: 150px; 68 | } 69 | #container #conference #remote-container video { 70 | height: 300px; 71 | } 72 | #container #callActions button { 73 | background: #1797DE; 74 | border: 3px solid #1e1e1e; 75 | height: 38px; 76 | padding: 4px 30px; 77 | margin-left: -30px; 78 | color: #ffffff; 79 | font-size: 14px; 80 | font-family: Roboto; 81 | text-transform: uppercase; 82 | -webkit-border-radius: 20px; 83 | -moz-border-radius: 20px; 84 | border-radius: 20px; 85 | -webkit-transition: background 0.10s linear; 86 | -moz-transition: background 0.10s linear; 87 | transition: 0.10s linear; 88 | cursor: pointer; 89 | outline: none; 90 | } 91 | #container #streamsList { 92 | margin: 60px 0; 93 | color: white; 94 | font-family: Roboto; 95 | font-size: 14px; 96 | width: 800px; 97 | text-align: left; 98 | margin: auto; 99 | } 100 | /*# sourceMappingURL=conference.css.map */ 101 | -------------------------------------------------------------------------------- /conferencing_mute_screen_advanced-PUB-SUB/sass/conference-basic.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | #create { 16 | display: inline-block; 17 | 18 | [type="text"] { 19 | border: none; 20 | height: 30px; 21 | width: 220px; 22 | padding: 4px 40px 4px 20px; 23 | font-size: 14px; 24 | font-family: Roboto; 25 | -webkit-border-radius: 20px; 26 | -moz-border-radius: 20px; 27 | border-radius: 20px; 28 | outline: none; 29 | } 30 | 31 | button { 32 | background: #1797DE; 33 | border: 3px solid rgba(30, 30, 30, 1); 34 | height: 38px; 35 | padding: 4px 30px; 36 | margin-left: -30px; 37 | color: #ffffff; 38 | font-size: 14px; 39 | font-family: Roboto; 40 | text-transform: uppercase; 41 | -webkit-border-radius: 20px; 42 | -moz-border-radius: 20px; 43 | border-radius: 20px; 44 | -webkit-transition: background 0.10s linear; 45 | -moz-transition: background 0.10s linear; 46 | transition: background 0.10s linear; 47 | cursor: pointer; 48 | outline: none; 49 | 50 | &:hover { 51 | background: #1581C8; 52 | } 53 | } 54 | } 55 | 56 | #conference { 57 | display: none; 58 | margin-bottom: 100px; 59 | 60 | #local-container { 61 | text-align: right; 62 | 63 | video { 64 | height: 150px; 65 | } 66 | } 67 | 68 | #remote-container { 69 | video { 70 | height: 300px; 71 | } 72 | } 73 | } 74 | } -------------------------------------------------------------------------------- /conferencing_mute_screen_moderation/css/conference_mute_screen.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,kBAAQ;IACJ,OAAO,EAAE,YAAY;IAErB,gCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,yBAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,+BAAQ;QACJ,UAAU,EAAE,OAAO;EAK/B,sBAAY;IACR,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,uCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,6CAAM;QACF,MAAM,EAAE,KAAK;IAKjB,8CAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/conference.scss"], 5 | "names": [], 6 | "file": "conference.css" 7 | } -------------------------------------------------------------------------------- /conferencing_mute_screen_moderation/css/conference_mute_screen_moderation.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | #container h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | #container #create { 15 | display: inline-block; 16 | color: white; 17 | } 18 | #container #create [type="text"] { 19 | border: none; 20 | height: 30px; 21 | width: 220px; 22 | padding: 4px 40px 4px 20px; 23 | font-size: 14px; 24 | font-family: Roboto; 25 | -webkit-border-radius: 20px; 26 | -moz-border-radius: 20px; 27 | border-radius: 20px; 28 | outline: none; 29 | } 30 | #container #create button { 31 | background: #1797DE; 32 | border: 3px solid #1e1e1e; 33 | height: 38px; 34 | padding: 4px 30px; 35 | margin-left: -30px; 36 | color: #ffffff; 37 | font-size: 14px; 38 | font-family: Roboto; 39 | text-transform: uppercase; 40 | -webkit-border-radius: 20px; 41 | -moz-border-radius: 20px; 42 | border-radius: 20px; 43 | -webkit-transition: background 0.10s linear; 44 | -moz-transition: background 0.10s linear; 45 | transition: background 0.10s linear; 46 | cursor: pointer; 47 | outline: none; 48 | } 49 | #container #create button:hover { 50 | background: #1581C8; 51 | } 52 | #container #conference { 53 | display: none; 54 | margin-bottom: 100px; 55 | } 56 | #container #conference #local-container { 57 | text-align: right; 58 | } 59 | #container #conference #local-container video { 60 | height: 150px; 61 | } 62 | #container #conference #remote-container video { 63 | height: 300px; 64 | } 65 | #container #callActions button { 66 | background: #1797DE; 67 | border: 3px solid #1e1e1e; 68 | height: 38px; 69 | padding: 4px 30px; 70 | margin-left: -30px; 71 | color: #ffffff; 72 | font-size: 14px; 73 | font-family: Roboto; 74 | text-transform: uppercase; 75 | -webkit-border-radius: 20px; 76 | -moz-border-radius: 20px; 77 | border-radius: 20px; 78 | -webkit-transition: background 0.10s linear; 79 | -moz-transition: background 0.10s linear; 80 | transition: 0.10s linear; 81 | cursor: pointer; 82 | outline: none; 83 | } 84 | 85 | #container #waitingRoom { 86 | margin: 60px 0; 87 | color: white; 88 | font-family: Roboto; 89 | font-size: 14px; 90 | width: 800px; 91 | text-align: left; 92 | margin: auto; 93 | } 94 | 95 | #container #moderatedUsersList { 96 | margin: 60px 0; 97 | color: white; 98 | font-family: Roboto; 99 | font-size: 14px; 100 | width: 800px; 101 | text-align: left; 102 | margin: auto; 103 | } 104 | /*# sourceMappingURL=conference.css.map */ 105 | -------------------------------------------------------------------------------- /conferencing_mute_screen_moderation/sass/conference-basic.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | #create { 16 | display: inline-block; 17 | 18 | [type="text"] { 19 | border: none; 20 | height: 30px; 21 | width: 220px; 22 | padding: 4px 40px 4px 20px; 23 | font-size: 14px; 24 | font-family: Roboto; 25 | -webkit-border-radius: 20px; 26 | -moz-border-radius: 20px; 27 | border-radius: 20px; 28 | outline: none; 29 | } 30 | 31 | button { 32 | background: #1797DE; 33 | border: 3px solid rgba(30, 30, 30, 1); 34 | height: 38px; 35 | padding: 4px 30px; 36 | margin-left: -30px; 37 | color: #ffffff; 38 | font-size: 14px; 39 | font-family: Roboto; 40 | text-transform: uppercase; 41 | -webkit-border-radius: 20px; 42 | -moz-border-radius: 20px; 43 | border-radius: 20px; 44 | -webkit-transition: background 0.10s linear; 45 | -moz-transition: background 0.10s linear; 46 | transition: background 0.10s linear; 47 | cursor: pointer; 48 | outline: none; 49 | 50 | &:hover { 51 | background: #1581C8; 52 | } 53 | } 54 | } 55 | 56 | #conference { 57 | display: none; 58 | margin-bottom: 100px; 59 | 60 | #local-container { 61 | text-align: right; 62 | 63 | video { 64 | height: 150px; 65 | } 66 | } 67 | 68 | #remote-container { 69 | video { 70 | height: 300px; 71 | } 72 | } 73 | } 74 | } -------------------------------------------------------------------------------- /conferencing_publish_selectedMediaType/css/conference_pub_selMediaType.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | #container h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | #container #create { 15 | display: inline-block; 16 | } 17 | #container #create [type="text"] { 18 | border: none; 19 | height: 30px; 20 | width: 220px; 21 | padding: 4px 40px 4px 20px; 22 | font-size: 14px; 23 | font-family: Roboto; 24 | -webkit-border-radius: 20px; 25 | -moz-border-radius: 20px; 26 | border-radius: 20px; 27 | outline: none; 28 | } 29 | #container #create button { 30 | background: #1797DE; 31 | border: 3px solid #1e1e1e; 32 | height: 38px; 33 | padding: 4px 30px; 34 | margin-left: -30px; 35 | color: #ffffff; 36 | font-size: 14px; 37 | font-family: Roboto; 38 | text-transform: uppercase; 39 | -webkit-border-radius: 20px; 40 | -moz-border-radius: 20px; 41 | border-radius: 20px; 42 | -webkit-transition: background 0.10s linear; 43 | -moz-transition: background 0.10s linear; 44 | transition: background 0.10s linear; 45 | cursor: pointer; 46 | outline: none; 47 | } 48 | #container #create button:hover { 49 | background: #1581C8; 50 | } 51 | #container #conference { 52 | display: none; 53 | margin-bottom: 100px; 54 | } 55 | #container #conference #local-container { 56 | text-align: right; 57 | } 58 | #container #conference #local-container video { 59 | height: 150px; 60 | } 61 | #container #conference #remote-container video { 62 | height: 300px; 63 | } 64 | #container #callActions button { 65 | background: #1797DE; 66 | border: 3px solid #1e1e1e; 67 | height: 38px; 68 | padding: 4px 30px; 69 | margin-left: -30px; 70 | color: #ffffff; 71 | font-size: 14px; 72 | font-family: Roboto; 73 | text-transform: uppercase; 74 | -webkit-border-radius: 20px; 75 | -moz-border-radius: 20px; 76 | border-radius: 20px; 77 | -webkit-transition: background 0.10s linear; 78 | -moz-transition: background 0.10s linear; 79 | transition: 0.10s linear; 80 | cursor: pointer; 81 | outline: none; 82 | } 83 | /*# sourceMappingURL=conference.css.map */ 84 | -------------------------------------------------------------------------------- /conferencing_publish_selectedMediaType/css/conference_pub_selMediaType.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,kBAAQ;IACJ,OAAO,EAAE,YAAY;IAErB,gCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,yBAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,+BAAQ;QACJ,UAAU,EAAE,OAAO;EAK/B,sBAAY;IACR,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,uCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,6CAAM;QACF,MAAM,EAAE,KAAK;IAKjB,8CAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/conference.scss"], 5 | "names": [], 6 | "file": "conference.css" 7 | } -------------------------------------------------------------------------------- /conferencing_publish_selectedMediaType/sass/conference-basic.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | #create { 16 | display: inline-block; 17 | 18 | [type="text"] { 19 | border: none; 20 | height: 30px; 21 | width: 220px; 22 | padding: 4px 40px 4px 20px; 23 | font-size: 14px; 24 | font-family: Roboto; 25 | -webkit-border-radius: 20px; 26 | -moz-border-radius: 20px; 27 | border-radius: 20px; 28 | outline: none; 29 | } 30 | 31 | button { 32 | background: #1797DE; 33 | border: 3px solid rgba(30, 30, 30, 1); 34 | height: 38px; 35 | padding: 4px 30px; 36 | margin-left: -30px; 37 | color: #ffffff; 38 | font-size: 14px; 39 | font-family: Roboto; 40 | text-transform: uppercase; 41 | -webkit-border-radius: 20px; 42 | -moz-border-radius: 20px; 43 | border-radius: 20px; 44 | -webkit-transition: background 0.10s linear; 45 | -moz-transition: background 0.10s linear; 46 | transition: background 0.10s linear; 47 | cursor: pointer; 48 | outline: none; 49 | 50 | &:hover { 51 | background: #1581C8; 52 | } 53 | } 54 | } 55 | 56 | #conference { 57 | display: none; 58 | margin-bottom: 100px; 59 | 60 | #local-container { 61 | text-align: right; 62 | 63 | video { 64 | height: 150px; 65 | } 66 | } 67 | 68 | #remote-container { 69 | video { 70 | height: 300px; 71 | } 72 | } 73 | } 74 | } -------------------------------------------------------------------------------- /conferencing_publish_video/css/conference-publish-video.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: 100%; 4 | text-align: center; 5 | } 6 | #container h2 { 7 | margin: 60px 0; 8 | color: white; 9 | font-family: Roboto; 10 | font-weight: 300; 11 | font-size: 40px; 12 | } 13 | #container h3 { 14 | margin: 20px 0; 15 | color: white; 16 | font-family: Roboto; 17 | font-weight: 300; 18 | font-size: 30px; 19 | } 20 | #container #text { 21 | width: 800px; 22 | padding: 10px 0 0; 23 | color: white; 24 | font-family: Roboto; 25 | text-align: left; 26 | margin: auto; 27 | } 28 | #container #create { 29 | display: inline-block; 30 | } 31 | #container #create [type="text"] { 32 | border: none; 33 | height: 30px; 34 | width: 220px; 35 | padding: 4px 40px 4px 20px; 36 | font-size: 14px; 37 | font-family: Roboto; 38 | -webkit-border-radius: 20px; 39 | -moz-border-radius: 20px; 40 | border-radius: 20px; 41 | outline: none; 42 | } 43 | #container #create button { 44 | background: #1797de; 45 | border: 3px solid #1e1e1e; 46 | height: 38px; 47 | padding: 4px 30px; 48 | margin-left: -30px; 49 | color: #ffffff; 50 | font-size: 14px; 51 | font-family: Roboto; 52 | text-transform: uppercase; 53 | -webkit-border-radius: 20px; 54 | -moz-border-radius: 20px; 55 | border-radius: 20px; 56 | -webkit-transition: background 0.1s linear; 57 | -moz-transition: background 0.1s linear; 58 | transition: background 0.1s linear; 59 | cursor: pointer; 60 | outline: none; 61 | } 62 | #container #create button:hover { 63 | background: #1581c8; 64 | } 65 | #container #conference { 66 | display: none; 67 | margin-bottom: 30px; 68 | } 69 | #container #conference #local-container { 70 | text-align: right; 71 | } 72 | #container #conference #local-container video { 73 | height: 150px; 74 | } 75 | #container #conference #remote-container video { 76 | height: 300px; 77 | } 78 | #container #publishing-video { 79 | display: none; 80 | } 81 | #container #publish-video { 82 | margin-top: 40px; 83 | } 84 | #container #publish-video input { 85 | color: #ccc; 86 | } 87 | #container #player { 88 | margin-top: 40px; 89 | color: #999; 90 | font-size: 12px; 91 | font-family: Roboto; 92 | } 93 | #container #player video { 94 | background: #333; 95 | } 96 | -------------------------------------------------------------------------------- /conferencing_recording/css/conference.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,kBAAQ;IACJ,OAAO,EAAE,YAAY;IAErB,gCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,yBAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,+BAAQ;QACJ,UAAU,EAAE,OAAO;EAK/B,sBAAY;IACR,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,uCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,6CAAM;QACF,MAAM,EAAE,KAAK;IAKjB,8CAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/conference.scss"], 5 | "names": [], 6 | "file": "conference.css" 7 | } -------------------------------------------------------------------------------- /conferencing_recording/css/conference_composite_record.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | #container h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | #container #create { 15 | display: inline-block; 16 | } 17 | #container #create [type="text"] { 18 | border: none; 19 | height: 30px; 20 | width: 220px; 21 | padding: 4px 40px 4px 20px; 22 | font-size: 14px; 23 | font-family: Roboto; 24 | -webkit-border-radius: 20px; 25 | -moz-border-radius: 20px; 26 | border-radius: 20px; 27 | outline: none; 28 | } 29 | #container button { 30 | background: #1797DE; 31 | border: 3px solid #1e1e1e; 32 | height: 38px; 33 | padding: 4px 30px; 34 | margin-left: -30px; 35 | color: #ffffff; 36 | font-size: 14px; 37 | font-family: Roboto; 38 | text-transform: uppercase; 39 | -webkit-border-radius: 20px; 40 | -moz-border-radius: 20px; 41 | border-radius: 20px; 42 | -webkit-transition: background 0.10s linear; 43 | -moz-transition: background 0.10s linear; 44 | transition: background 0.10s linear; 45 | cursor: pointer; 46 | outline: none; 47 | } 48 | #container button:hover { 49 | background: #1581C8; 50 | } 51 | #container #conference { 52 | display: none; 53 | margin-bottom: 150px; 54 | } 55 | #container #recordStart { 56 | display: none; 57 | } 58 | #container #recordStop { 59 | display: none; 60 | } 61 | #container #conference #local-container { 62 | text-align: right; 63 | } 64 | #container #conference #local-container video { 65 | height: 150px; 66 | } 67 | #container #conference #remote-container video { 68 | height: 300px; 69 | } 70 | #container #text { 71 | width: 800px; 72 | padding: 10px 0 0; 73 | color: white; 74 | font-family: Roboto; 75 | text-align: left; 76 | margin: auto; 77 | } 78 | #container h3 { 79 | color: white; 80 | } 81 | li { 82 | list-style: square; /* LIST OF RECORDS SQUARE LIST */ 83 | } 84 | 85 | /*# sourceMappingURL=conference.css.map */ 86 | -------------------------------------------------------------------------------- /conferencing_recording/sass/conference-basic.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | #create { 16 | display: inline-block; 17 | 18 | [type="text"] { 19 | border: none; 20 | height: 30px; 21 | width: 220px; 22 | padding: 4px 40px 4px 20px; 23 | font-size: 14px; 24 | font-family: Roboto; 25 | -webkit-border-radius: 20px; 26 | -moz-border-radius: 20px; 27 | border-radius: 20px; 28 | outline: none; 29 | } 30 | 31 | button { 32 | background: #1797DE; 33 | border: 3px solid rgba(30, 30, 30, 1); 34 | height: 38px; 35 | padding: 4px 30px; 36 | margin-left: -30px; 37 | color: #ffffff; 38 | font-size: 14px; 39 | font-family: Roboto; 40 | text-transform: uppercase; 41 | -webkit-border-radius: 20px; 42 | -moz-border-radius: 20px; 43 | border-radius: 20px; 44 | -webkit-transition: background 0.10s linear; 45 | -moz-transition: background 0.10s linear; 46 | transition: background 0.10s linear; 47 | cursor: pointer; 48 | outline: none; 49 | 50 | &:hover { 51 | background: #1581C8; 52 | } 53 | } 54 | } 55 | 56 | #conference { 57 | display: none; 58 | margin-bottom: 100px; 59 | 60 | #local-container { 61 | text-align: right; 62 | 63 | video { 64 | height: 150px; 65 | } 66 | } 67 | 68 | #remote-container { 69 | video { 70 | height: 300px; 71 | } 72 | } 73 | } 74 | } -------------------------------------------------------------------------------- /conferencing_rtmp_streaming/css/conferencing_rtmp_streaming.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | #container h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | #container h3 { 15 | color: white; 16 | font-family: Roboto; 17 | font-weight: 300; 18 | font-size: 20px; 19 | } 20 | #container #text { 21 | width: 100%; 22 | padding: 10px 0 0; 23 | color: white; 24 | font-family: Roboto; 25 | text-align: center; 26 | margin: 30px 0; 27 | } 28 | #container #create { 29 | display: inline-block; 30 | } 31 | #container #create [type="text"] { 32 | border: none; 33 | height: 30px; 34 | width: 220px; 35 | padding: 4px 40px 4px 20px; 36 | font-size: 14px; 37 | font-family: Roboto; 38 | -webkit-border-radius: 20px; 39 | -moz-border-radius: 20px; 40 | border-radius: 20px; 41 | outline: none; 42 | } 43 | #container #create button { 44 | background: #1797DE; 45 | border: 3px solid #1e1e1e; 46 | height: 38px; 47 | padding: 4px 30px; 48 | margin-left: -30px; 49 | color: #ffffff; 50 | font-size: 14px; 51 | font-family: Roboto; 52 | text-transform: uppercase; 53 | -webkit-border-radius: 20px; 54 | -moz-border-radius: 20px; 55 | border-radius: 20px; 56 | -webkit-transition: background 0.10s linear; 57 | -moz-transition: background 0.10s linear; 58 | transition: background 0.10s linear; 59 | cursor: pointer; 60 | outline: none; 61 | } 62 | #container #create button:hover { 63 | background: #1581C8; 64 | } 65 | #container #conference { 66 | display: none; 67 | margin-bottom: 100px; 68 | } 69 | #container #conference #local-container { 70 | text-align: right; 71 | } 72 | #container #conference #local-container video { 73 | height: 400px; 74 | } 75 | #container #conference #remote-container video { 76 | height: 300px; 77 | } 78 | #container #select-device, #container #rtmp-config{ 79 | display: none; 80 | color: #ffffff; 81 | } 82 | #container .rtmp-config { 83 | display: block; 84 | } 85 | 86 | /*# sourceMappingURL=conferencing_rtmp_streaming.css.map */ 87 | -------------------------------------------------------------------------------- /conferencing_rtmp_streaming/css/conferencing_rtmp_streaming.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,kBAAQ;IACJ,OAAO,EAAE,YAAY;IAErB,gCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,yBAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,+BAAQ;QACJ,UAAU,EAAE,OAAO;EAK/B,sBAAY;IACR,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,uCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,6CAAM;QACF,MAAM,EAAE,KAAK;IAKjB,8CAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/conference.scss"], 5 | "names": [], 6 | "file": "conference.css" 7 | } -------------------------------------------------------------------------------- /conferencing_rtmp_streaming/sass/conferencing_rtmp_streaming.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | #create { 16 | display: inline-block; 17 | 18 | [type="text"] { 19 | border: none; 20 | height: 30px; 21 | width: 220px; 22 | padding: 4px 40px 4px 20px; 23 | font-size: 14px; 24 | font-family: Roboto; 25 | -webkit-border-radius: 20px; 26 | -moz-border-radius: 20px; 27 | border-radius: 20px; 28 | outline: none; 29 | } 30 | 31 | button { 32 | background: #1797DE; 33 | border: 3px solid rgba(30, 30, 30, 1); 34 | height: 38px; 35 | padding: 4px 30px; 36 | margin-left: -30px; 37 | color: #ffffff; 38 | font-size: 14px; 39 | font-family: Roboto; 40 | text-transform: uppercase; 41 | -webkit-border-radius: 20px; 42 | -moz-border-radius: 20px; 43 | border-radius: 20px; 44 | -webkit-transition: background 0.10s linear; 45 | -moz-transition: background 0.10s linear; 46 | transition: background 0.10s linear; 47 | cursor: pointer; 48 | outline: none; 49 | 50 | &:hover { 51 | background: #1581C8; 52 | } 53 | } 54 | } 55 | 56 | #conference { 57 | display: none; 58 | margin-bottom: 100px; 59 | 60 | #local-container { 61 | text-align: right; 62 | 63 | video { 64 | height: 200px; 65 | } 66 | } 67 | 68 | #remote-container { 69 | video { 70 | height: 300px; 71 | } 72 | } 73 | } 74 | } -------------------------------------------------------------------------------- /conferencing_select_media/css/conference-selectmedia.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | #container h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | #container #text { 15 | width: 100%; 16 | padding: 10px 0 0; 17 | color: white; 18 | font-family: Roboto; 19 | text-align: center; 20 | margin: 30px 0; 21 | } 22 | #container #create { 23 | display: inline-block; 24 | } 25 | #container #create [type="text"] { 26 | border: none; 27 | height: 30px; 28 | width: 220px; 29 | padding: 4px 40px 4px 20px; 30 | font-size: 14px; 31 | font-family: Roboto; 32 | -webkit-border-radius: 20px; 33 | -moz-border-radius: 20px; 34 | border-radius: 20px; 35 | outline: none; 36 | } 37 | #container #create button { 38 | background: #1797DE; 39 | border: 3px solid #1e1e1e; 40 | height: 38px; 41 | padding: 4px 30px; 42 | margin-left: -30px; 43 | color: #ffffff; 44 | font-size: 14px; 45 | font-family: Roboto; 46 | text-transform: uppercase; 47 | -webkit-border-radius: 20px; 48 | -moz-border-radius: 20px; 49 | border-radius: 20px; 50 | -webkit-transition: background 0.10s linear; 51 | -moz-transition: background 0.10s linear; 52 | transition: background 0.10s linear; 53 | cursor: pointer; 54 | outline: none; 55 | } 56 | #container #create button:hover { 57 | background: #1581C8; 58 | } 59 | #container #conference { 60 | display: none; 61 | margin-bottom: 100px; 62 | } 63 | #container #conference #local-container { 64 | text-align: right; 65 | } 66 | #container #conference #local-container video { 67 | height: 150px; 68 | } 69 | #container #conference #remote-container video { 70 | height: 300px; 71 | } 72 | #container #select-device { 73 | display: none; 74 | color: #ffffff; 75 | } 76 | 77 | /*# sourceMappingURL=conference.css.map */ 78 | -------------------------------------------------------------------------------- /conferencing_select_media/css/conference-selectmedia.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,kBAAQ;IACJ,OAAO,EAAE,YAAY;IAErB,gCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,yBAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,+BAAQ;QACJ,UAAU,EAAE,OAAO;EAK/B,sBAAY;IACR,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,uCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,6CAAM;QACF,MAAM,EAAE,KAAK;IAKjB,8CAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/conference.scss"], 5 | "names": [], 6 | "file": "conference.css" 7 | } -------------------------------------------------------------------------------- /conferencing_select_media/sass/conference-basic-selectmedia.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | #create { 16 | display: inline-block; 17 | 18 | [type="text"] { 19 | border: none; 20 | height: 30px; 21 | width: 220px; 22 | padding: 4px 40px 4px 20px; 23 | font-size: 14px; 24 | font-family: Roboto; 25 | -webkit-border-radius: 20px; 26 | -moz-border-radius: 20px; 27 | border-radius: 20px; 28 | outline: none; 29 | } 30 | 31 | button { 32 | background: #1797DE; 33 | border: 3px solid rgba(30, 30, 30, 1); 34 | height: 38px; 35 | padding: 4px 30px; 36 | margin-left: -30px; 37 | color: #ffffff; 38 | font-size: 14px; 39 | font-family: Roboto; 40 | text-transform: uppercase; 41 | -webkit-border-radius: 20px; 42 | -moz-border-radius: 20px; 43 | border-radius: 20px; 44 | -webkit-transition: background 0.10s linear; 45 | -moz-transition: background 0.10s linear; 46 | transition: background 0.10s linear; 47 | cursor: pointer; 48 | outline: none; 49 | 50 | &:hover { 51 | background: #1581C8; 52 | } 53 | } 54 | } 55 | 56 | #conference { 57 | display: none; 58 | margin-bottom: 100px; 59 | 60 | #local-container { 61 | text-align: right; 62 | 63 | video { 64 | height: 150px; 65 | } 66 | } 67 | 68 | #remote-container { 69 | video { 70 | height: 300px; 71 | } 72 | } 73 | } 74 | } -------------------------------------------------------------------------------- /conferencing_select_media_applyMediaFilter/css/conference-selectmedia-applyMediaFilter.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | #container h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | #container #text { 15 | width: 100%; 16 | padding: 10px 0 0; 17 | color: white; 18 | font-family: Roboto; 19 | text-align: center; 20 | margin: 30px 0; 21 | } 22 | #container #create { 23 | display: inline-block; 24 | } 25 | #container #create [type="text"] { 26 | border: none; 27 | height: 30px; 28 | width: 220px; 29 | padding: 4px 40px 4px 20px; 30 | font-size: 14px; 31 | font-family: Roboto; 32 | -webkit-border-radius: 20px; 33 | -moz-border-radius: 20px; 34 | border-radius: 20px; 35 | outline: none; 36 | } 37 | #container #create button { 38 | background: #1797DE; 39 | border: 3px solid #1e1e1e; 40 | height: 38px; 41 | padding: 4px 30px; 42 | margin-left: -30px; 43 | color: #ffffff; 44 | font-size: 14px; 45 | font-family: Roboto; 46 | text-transform: uppercase; 47 | -webkit-border-radius: 20px; 48 | -moz-border-radius: 20px; 49 | border-radius: 20px; 50 | -webkit-transition: background 0.10s linear; 51 | -moz-transition: background 0.10s linear; 52 | transition: background 0.10s linear; 53 | cursor: pointer; 54 | outline: none; 55 | } 56 | #container #create button:hover { 57 | background: #1581C8; 58 | } 59 | #container #conference { 60 | display: none; 61 | margin-bottom: 100px; 62 | } 63 | #container #conference #local-container { 64 | text-align: right; 65 | } 66 | #container #conference #local-container video { 67 | height: 200px; 68 | } 69 | #container #conference #remote-container video { 70 | height: 400px; 71 | } 72 | #container #select-device { 73 | display: none; 74 | color: #ffffff; 75 | } 76 | 77 | /*# sourceMappingURL=conference.css.map */ 78 | -------------------------------------------------------------------------------- /conferencing_select_media_applyMediaFilter/css/conference-selectmedia.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,kBAAQ;IACJ,OAAO,EAAE,YAAY;IAErB,gCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,yBAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,+BAAQ;QACJ,UAAU,EAAE,OAAO;EAK/B,sBAAY;IACR,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,uCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,6CAAM;QACF,MAAM,EAAE,KAAK;IAKjB,8CAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/conference.scss"], 5 | "names": [], 6 | "file": "conference.css" 7 | } -------------------------------------------------------------------------------- /conferencing_select_media_applyMediaFilter/img/background_apiRTC.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_select_media_applyMediaFilter/img/background_apiRTC.jpg -------------------------------------------------------------------------------- /conferencing_select_media_applyMediaFilter/img/background_apiRTC_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_select_media_applyMediaFilter/img/background_apiRTC_2.jpg -------------------------------------------------------------------------------- /conferencing_select_media_applyMediaFilter/sass/conference-basic-selectmedia.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | #create { 16 | display: inline-block; 17 | 18 | [type="text"] { 19 | border: none; 20 | height: 30px; 21 | width: 220px; 22 | padding: 4px 40px 4px 20px; 23 | font-size: 14px; 24 | font-family: Roboto; 25 | -webkit-border-radius: 20px; 26 | -moz-border-radius: 20px; 27 | border-radius: 20px; 28 | outline: none; 29 | } 30 | 31 | button { 32 | background: #1797DE; 33 | border: 3px solid rgba(30, 30, 30, 1); 34 | height: 38px; 35 | padding: 4px 30px; 36 | margin-left: -30px; 37 | color: #ffffff; 38 | font-size: 14px; 39 | font-family: Roboto; 40 | text-transform: uppercase; 41 | -webkit-border-radius: 20px; 42 | -moz-border-radius: 20px; 43 | border-radius: 20px; 44 | -webkit-transition: background 0.10s linear; 45 | -moz-transition: background 0.10s linear; 46 | transition: background 0.10s linear; 47 | cursor: pointer; 48 | outline: none; 49 | 50 | &:hover { 51 | background: #1581C8; 52 | } 53 | } 54 | } 55 | 56 | #conference { 57 | display: none; 58 | margin-bottom: 100px; 59 | 60 | #local-container { 61 | text-align: right; 62 | 63 | video { 64 | height: 150px; 65 | } 66 | } 67 | 68 | #remote-container { 69 | video { 70 | height: 300px; 71 | } 72 | } 73 | } 74 | } -------------------------------------------------------------------------------- /conferencing_select_media_control/css/conference-selectmedia.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | #container h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | #container #text { 15 | width: 100%; 16 | padding: 10px 0 0; 17 | color: white; 18 | font-family: Roboto; 19 | text-align: center; 20 | margin: 30px 0; 21 | } 22 | #container #create { 23 | display: inline-block; 24 | } 25 | #container #create [type="text"] { 26 | border: none; 27 | height: 30px; 28 | width: 220px; 29 | padding: 4px 40px 4px 20px; 30 | font-size: 14px; 31 | font-family: Roboto; 32 | -webkit-border-radius: 20px; 33 | -moz-border-radius: 20px; 34 | border-radius: 20px; 35 | outline: none; 36 | } 37 | #container #create button { 38 | background: #1797DE; 39 | border: 3px solid #1e1e1e; 40 | height: 38px; 41 | padding: 4px 30px; 42 | margin-left: -30px; 43 | color: #ffffff; 44 | font-size: 14px; 45 | font-family: Roboto; 46 | text-transform: uppercase; 47 | -webkit-border-radius: 20px; 48 | -moz-border-radius: 20px; 49 | border-radius: 20px; 50 | -webkit-transition: background 0.10s linear; 51 | -moz-transition: background 0.10s linear; 52 | transition: background 0.10s linear; 53 | cursor: pointer; 54 | outline: none; 55 | } 56 | #container #create button:hover { 57 | background: #1581C8; 58 | } 59 | #container #conference { 60 | display: none; 61 | margin-bottom: 100px; 62 | } 63 | #container #conference #local-container { 64 | text-align: right; 65 | } 66 | #container #controllers { 67 | color: white; 68 | display: none; 69 | text-align: center; 70 | } 71 | #container #tableControllers { 72 | margin: auto; 73 | color: white; 74 | text-align: center; 75 | } 76 | #container #tableControllers td, #container #tableControllers th,#container #tableControllers{ 77 | border: 1px solid white; 78 | border-collapse: collapse; 79 | } 80 | #container #conference #remote-container video { 81 | } 82 | #container #select-device { 83 | display: none; 84 | color: #ffffff; 85 | } 86 | 87 | /*# sourceMappingURL=conference.css.map */ 88 | -------------------------------------------------------------------------------- /conferencing_select_media_control/css/conference-selectmedia.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,kBAAQ;IACJ,OAAO,EAAE,YAAY;IAErB,gCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,yBAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,+BAAQ;QACJ,UAAU,EAAE,OAAO;EAK/B,sBAAY;IACR,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,uCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,6CAAM;QACF,MAAM,EAAE,KAAK;IAKjB,8CAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/conference.scss"], 5 | "names": [], 6 | "file": "conference.css" 7 | } -------------------------------------------------------------------------------- /conferencing_select_media_control/sass/conference-basic-selectmedia.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | #create { 16 | display: inline-block; 17 | 18 | [type="text"] { 19 | border: none; 20 | height: 30px; 21 | width: 220px; 22 | padding: 4px 40px 4px 20px; 23 | font-size: 14px; 24 | font-family: Roboto; 25 | -webkit-border-radius: 20px; 26 | -moz-border-radius: 20px; 27 | border-radius: 20px; 28 | outline: none; 29 | } 30 | 31 | button { 32 | background: #1797DE; 33 | border: 3px solid rgba(30, 30, 30, 1); 34 | height: 38px; 35 | padding: 4px 30px; 36 | margin-left: -30px; 37 | color: #ffffff; 38 | font-size: 14px; 39 | font-family: Roboto; 40 | text-transform: uppercase; 41 | -webkit-border-radius: 20px; 42 | -moz-border-radius: 20px; 43 | border-radius: 20px; 44 | -webkit-transition: background 0.10s linear; 45 | -moz-transition: background 0.10s linear; 46 | transition: background 0.10s linear; 47 | cursor: pointer; 48 | outline: none; 49 | 50 | &:hover { 51 | background: #1581C8; 52 | } 53 | } 54 | } 55 | 56 | #conference { 57 | display: none; 58 | margin-bottom: 100px; 59 | 60 | #local-container { 61 | text-align: right; 62 | 63 | video { 64 | height: 150px; 65 | } 66 | } 67 | 68 | #remote-container { 69 | video { 70 | height: 300px; 71 | } 72 | } 73 | } 74 | 75 | #values { 76 | color: white; 77 | } 78 | } -------------------------------------------------------------------------------- /conferencing_whiteboard/css/whiteboard.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,gBAAM;IACF,UAAU,EAAE,KAAK;EAGrB,sBAAY;IACR,OAAO,EAAE,YAAY;IAErB,oCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,6BAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,mCAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,iCAAW;MACP,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,QAAQ;MACjB,KAAK,EAAE,KAAK;MACZ,WAAW,EAAE,MAAM;MACnB,UAAU,EAAE,MAAM;EAI1B,gBAAM;IACF,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,wBAAQ;MACJ,OAAO,EAAE,IAAI;MACb,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,QAAQ;MACjB,SAAS,EAAE,IAAI;MACf,qBAAqB,EAAE,GAAG;MAC1B,kBAAkB,EAAE,GAAG;MACvB,aAAa,EAAE,GAAG;MAClB,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MACb,kBAAkB,EAAE,gBAAgB;MACpC,eAAe,EAAE,gBAAgB;MACjC,UAAU,EAAE,gBAAgB;MAE5B,8BAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,iCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,uCAAM;QACF,MAAM,EAAE,KAAK;IAKjB,wCAAM;MACF,MAAM,EAAE,KAAK;EAI5B,eAAI;IACF,KAAK,EAAC,IAAI;IACV,KAAK,EAAC,IAAI;IACV,KAAK,EAAC,IAAI;EAEZ,cAAG;IACD,KAAK,EAAC,GAAG;IACT,KAAK,EAAC,IAAI;EAEZ,cAAG;IACD,KAAK,EAAC,GAAG;EAEX,cAAG;IACD,KAAK,EAAC,QAAQ", 4 | "sources": ["whiteboard.scss"], 5 | "names": [], 6 | "file": "whiteboard.css" 7 | } 8 | -------------------------------------------------------------------------------- /conferencing_whiteboard/img/1227m.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard/img/1227m.gif -------------------------------------------------------------------------------- /conferencing_whiteboard/img/base.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard/img/base.png -------------------------------------------------------------------------------- /conferencing_whiteboard/img/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard/img/bg.png -------------------------------------------------------------------------------- /conferencing_whiteboard/img/capture.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard/img/capture.png -------------------------------------------------------------------------------- /conferencing_whiteboard/img/pointer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard/img/pointer.png -------------------------------------------------------------------------------- /conferencing_whiteboard/img/template2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard/img/template2.gif -------------------------------------------------------------------------------- /conferencing_whiteboard/img/tracey_grid-(2)-755797.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard/img/tracey_grid-(2)-755797.jpg -------------------------------------------------------------------------------- /conferencing_whiteboard/lib/images/ui-icons_444444_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard/lib/images/ui-icons_444444_256x240.png -------------------------------------------------------------------------------- /conferencing_whiteboard/lib/images/ui-icons_555555_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard/lib/images/ui-icons_555555_256x240.png -------------------------------------------------------------------------------- /conferencing_whiteboard/lib/images/ui-icons_777620_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard/lib/images/ui-icons_777620_256x240.png -------------------------------------------------------------------------------- /conferencing_whiteboard/lib/images/ui-icons_777777_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard/lib/images/ui-icons_777777_256x240.png -------------------------------------------------------------------------------- /conferencing_whiteboard/lib/images/ui-icons_cc0000_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard/lib/images/ui-icons_cc0000_256x240.png -------------------------------------------------------------------------------- /conferencing_whiteboard/lib/images/ui-icons_ffffff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard/lib/images/ui-icons_ffffff_256x240.png -------------------------------------------------------------------------------- /conferencing_whiteboard/sass/whiteboard.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | video { 16 | background: black; 17 | } 18 | 19 | #start-call { 20 | display: inline-block; 21 | 22 | [type="text"] { 23 | border: none; 24 | height: 30px; 25 | width: 220px; 26 | padding: 4px 40px 4px 20px; 27 | font-size: 14px; 28 | font-family: Roboto; 29 | -webkit-border-radius: 20px; 30 | -moz-border-radius: 20px; 31 | border-radius: 20px; 32 | outline: none; 33 | } 34 | 35 | button { 36 | background: #1797DE; 37 | border: 3px solid rgba(30, 30, 30, 1); 38 | height: 38px; 39 | padding: 4px 30px; 40 | margin-left: -30px; 41 | color: #ffffff; 42 | font-size: 14px; 43 | font-family: Roboto; 44 | text-transform: uppercase; 45 | -webkit-border-radius: 20px; 46 | -moz-border-radius: 20px; 47 | border-radius: 20px; 48 | -webkit-transition: background 0.10s linear; 49 | -moz-transition: background 0.10s linear; 50 | transition: background 0.10s linear; 51 | cursor: pointer; 52 | outline: none; 53 | 54 | &:hover { 55 | background: #1581C8; 56 | } 57 | } 58 | 59 | #my-number { 60 | width: 100%; 61 | padding: 10px 0 0; 62 | color: white; 63 | font-family: Roboto; 64 | text-align: center; 65 | } 66 | } 67 | 68 | #call { 69 | display: none; 70 | margin-bottom: 100px; 71 | 72 | #hangup { 73 | display: none; 74 | background: #E4371D; 75 | border: none; 76 | color: white; 77 | margin-bottom: 15px; 78 | padding: 5px 15px; 79 | font-size: 14px; 80 | -webkit-border-radius: 4px; 81 | -moz-border-radius: 4px; 82 | border-radius: 4px; 83 | cursor: pointer; 84 | outline: none; 85 | -webkit-transition: all 0.10s linear; 86 | -moz-transition: all 0.10s linear; 87 | transition: all 0.10s linear; 88 | 89 | &:hover { 90 | background: #C9311a; 91 | } 92 | } 93 | 94 | #local-container { 95 | text-align: right; 96 | 97 | video { 98 | height: 150px; 99 | } 100 | } 101 | 102 | #remote-container { 103 | video { 104 | height: 300px; 105 | } 106 | } 107 | } 108 | .s12{ 109 | width:100%; 110 | float:left; 111 | clear:both; 112 | } 113 | .s2{ 114 | width:50%; 115 | float:left; 116 | } 117 | .s4{ 118 | width:25%; 119 | } 120 | .s3{ 121 | width:33.3333%; 122 | } 123 | } 124 | -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/css/whiteboard.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | color: white; 7 | } 8 | #container h2 { 9 | margin: 60px 0; 10 | color: white; 11 | font-family: Roboto; 12 | font-weight: 300; 13 | font-size: 40px; } 14 | #container #status { 15 | margin: 60px 0; 16 | color: red; 17 | font-family: Roboto; 18 | } 19 | #container video { 20 | background: black; 21 | } 22 | #container #start-call { 23 | display: inline-block; 24 | } 25 | #container #start-call [type="text"] { 26 | border: none; 27 | height: 30px; 28 | width: 220px; 29 | padding: 4px 40px 4px 20px; 30 | font-size: 14px; 31 | font-family: Roboto; 32 | -webkit-border-radius: 20px; 33 | -moz-border-radius: 20px; 34 | border-radius: 20px; 35 | outline: none; 36 | } 37 | #container button { 38 | background: #1797DE; 39 | border: 3px solid #1e1e1e; 40 | height: 38px; 41 | padding: 4px 30px; 42 | margin-left: -30px; 43 | color: #ffffff; 44 | font-size: 14px; 45 | font-family: Roboto; 46 | text-transform: uppercase; 47 | -webkit-border-radius: 20px; 48 | -moz-border-radius: 20px; 49 | border-radius: 20px; 50 | -webkit-transition: background 0.10s linear; 51 | -moz-transition: background 0.10s linear; 52 | transition: background 0.10s linear; 53 | cursor: pointer; 54 | outline: none; 55 | } 56 | #container button:hover { 57 | background: #1581C8; 58 | } 59 | #container #start-call #my-number { 60 | width: 100%; 61 | padding: 10px 0 0; 62 | color: white; 63 | font-family: Roboto; 64 | text-align: center; 65 | } 66 | #container #call { 67 | display: none; 68 | margin-bottom: 100px; 69 | } 70 | #container #call #hangup { 71 | display: none; 72 | background: #E4371D; 73 | border: none; 74 | color: white; 75 | margin-bottom: 15px; 76 | padding: 5px 15px; 77 | font-size: 14px; 78 | -webkit-border-radius: 4px; 79 | -moz-border-radius: 4px; 80 | border-radius: 4px; 81 | cursor: pointer; 82 | outline: none; 83 | -webkit-transition: all 0.10s linear; 84 | -moz-transition: all 0.10s linear; 85 | transition: all 0.10s linear; 86 | } 87 | 88 | .ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable { 89 | background:white !important 90 | }​ 91 | 92 | #container #call #hangup:hover { 93 | background: #C9311a; 94 | } 95 | #container #call #local-container { 96 | text-align: right; 97 | } 98 | #container #call #local-container video { 99 | height: 150px; 100 | } 101 | #container #call #remote-container video { 102 | height: 300px; 103 | } 104 | #container #onlineWhiteboard { 105 | display: none; 106 | margin-bottom: 100px; 107 | } 108 | #container #whiteboardFct { 109 | display: none; 110 | margin-bottom: 100px; 111 | } 112 | #invitationDialog { 113 | display: none; 114 | background: white 115 | } 116 | #container #contactList{ 117 | position:relative; 118 | display: inline-block; 119 | color: white; 120 | } 121 | /*# sourceMappingURL=whiteboard.css.map */ 122 | -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/css/whiteboard.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,gBAAM;IACF,UAAU,EAAE,KAAK;EAGrB,sBAAY;IACR,OAAO,EAAE,YAAY;IAErB,oCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,6BAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,mCAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,iCAAW;MACP,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,QAAQ;MACjB,KAAK,EAAE,KAAK;MACZ,WAAW,EAAE,MAAM;MACnB,UAAU,EAAE,MAAM;EAI1B,gBAAM;IACF,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,wBAAQ;MACJ,OAAO,EAAE,IAAI;MACb,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,QAAQ;MACjB,SAAS,EAAE,IAAI;MACf,qBAAqB,EAAE,GAAG;MAC1B,kBAAkB,EAAE,GAAG;MACvB,aAAa,EAAE,GAAG;MAClB,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MACb,kBAAkB,EAAE,gBAAgB;MACpC,eAAe,EAAE,gBAAgB;MACjC,UAAU,EAAE,gBAAgB;MAE5B,8BAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,iCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,uCAAM;QACF,MAAM,EAAE,KAAK;IAKjB,wCAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/whiteboard.scss"], 5 | "names": [], 6 | "file": "whiteboard.css" 7 | } -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/img/1227m.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard_invitation/img/1227m.gif -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/img/base.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard_invitation/img/base.png -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/img/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard_invitation/img/bg.png -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/img/capture.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard_invitation/img/capture.png -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/img/pointer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard_invitation/img/pointer.png -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/img/template2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard_invitation/img/template2.gif -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/img/tracey_grid-(2)-755797.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard_invitation/img/tracey_grid-(2)-755797.jpg -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/lib/images/ui-icons_444444_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard_invitation/lib/images/ui-icons_444444_256x240.png -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/lib/images/ui-icons_555555_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard_invitation/lib/images/ui-icons_555555_256x240.png -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/lib/images/ui-icons_777620_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard_invitation/lib/images/ui-icons_777620_256x240.png -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/lib/images/ui-icons_777777_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard_invitation/lib/images/ui-icons_777777_256x240.png -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/lib/images/ui-icons_cc0000_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard_invitation/lib/images/ui-icons_cc0000_256x240.png -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/lib/images/ui-icons_ffffff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/conferencing_whiteboard_invitation/lib/images/ui-icons_ffffff_256x240.png -------------------------------------------------------------------------------- /conferencing_whiteboard_invitation/sass/whiteboard.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | video { 16 | background: black; 17 | } 18 | 19 | #start-call { 20 | display: inline-block; 21 | 22 | [type="text"] { 23 | border: none; 24 | height: 30px; 25 | width: 220px; 26 | padding: 4px 40px 4px 20px; 27 | font-size: 14px; 28 | font-family: Roboto; 29 | -webkit-border-radius: 20px; 30 | -moz-border-radius: 20px; 31 | border-radius: 20px; 32 | outline: none; 33 | } 34 | 35 | button { 36 | background: #1797DE; 37 | border: 3px solid rgba(30, 30, 30, 1); 38 | height: 38px; 39 | padding: 4px 30px; 40 | margin-left: -30px; 41 | color: #ffffff; 42 | font-size: 14px; 43 | font-family: Roboto; 44 | text-transform: uppercase; 45 | -webkit-border-radius: 20px; 46 | -moz-border-radius: 20px; 47 | border-radius: 20px; 48 | -webkit-transition: background 0.10s linear; 49 | -moz-transition: background 0.10s linear; 50 | transition: background 0.10s linear; 51 | cursor: pointer; 52 | outline: none; 53 | 54 | &:hover { 55 | background: #1581C8; 56 | } 57 | } 58 | 59 | #my-number { 60 | width: 100%; 61 | padding: 10px 0 0; 62 | color: white; 63 | font-family: Roboto; 64 | text-align: center; 65 | } 66 | } 67 | 68 | #call { 69 | display: none; 70 | margin-bottom: 100px; 71 | 72 | #hangup { 73 | display: none; 74 | background: #E4371D; 75 | border: none; 76 | color: white; 77 | margin-bottom: 15px; 78 | padding: 5px 15px; 79 | font-size: 14px; 80 | -webkit-border-radius: 4px; 81 | -moz-border-radius: 4px; 82 | border-radius: 4px; 83 | cursor: pointer; 84 | outline: none; 85 | -webkit-transition: all 0.10s linear; 86 | -moz-transition: all 0.10s linear; 87 | transition: all 0.10s linear; 88 | 89 | &:hover { 90 | background: #C9311a; 91 | } 92 | } 93 | 94 | #local-container { 95 | text-align: right; 96 | 97 | video { 98 | height: 150px; 99 | } 100 | } 101 | 102 | #remote-container { 103 | video { 104 | height: 300px; 105 | } 106 | } 107 | } 108 | } -------------------------------------------------------------------------------- /main/fonts/Black/Roboto-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Black/Roboto-Black.ttf -------------------------------------------------------------------------------- /main/fonts/Black/Roboto-Black.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Black/Roboto-Black.woff -------------------------------------------------------------------------------- /main/fonts/Black/Roboto-Black.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Black/Roboto-Black.woff2 -------------------------------------------------------------------------------- /main/fonts/BlackItalic/Roboto-BlackItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/BlackItalic/Roboto-BlackItalic.ttf -------------------------------------------------------------------------------- /main/fonts/BlackItalic/Roboto-BlackItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/BlackItalic/Roboto-BlackItalic.woff -------------------------------------------------------------------------------- /main/fonts/BlackItalic/Roboto-BlackItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/BlackItalic/Roboto-BlackItalic.woff2 -------------------------------------------------------------------------------- /main/fonts/Bold/Roboto-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Bold/Roboto-Bold.ttf -------------------------------------------------------------------------------- /main/fonts/Bold/Roboto-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Bold/Roboto-Bold.woff -------------------------------------------------------------------------------- /main/fonts/Bold/Roboto-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Bold/Roboto-Bold.woff2 -------------------------------------------------------------------------------- /main/fonts/BoldItalic/Roboto-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/BoldItalic/Roboto-BoldItalic.ttf -------------------------------------------------------------------------------- /main/fonts/BoldItalic/Roboto-BoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/BoldItalic/Roboto-BoldItalic.woff -------------------------------------------------------------------------------- /main/fonts/BoldItalic/Roboto-BoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/BoldItalic/Roboto-BoldItalic.woff2 -------------------------------------------------------------------------------- /main/fonts/COPYRIGHT.txt: -------------------------------------------------------------------------------- 1 | Copyright 2011 Google Inc. All Rights Reserved. -------------------------------------------------------------------------------- /main/fonts/DESCRIPTION.en_us.html: -------------------------------------------------------------------------------- 1 |

Roboto has a dual nature. It has a mechanical skeleton and the forms are 2 | largely geometric. At the same time, the font features friendly and open 3 | curves. While some grotesks distort their letterforms to force a rigid rhythm, 4 | Roboto doesn’t compromise, allowing letters to be settled into their natural 5 | width. This makes for a more natural reading rhythm more commonly found in 6 | humanist and serif types.

7 | 8 |

This is the normal family, which can be used alongside the 9 | Roboto Condensed family and the 10 | Roboto Slab family.

11 | 12 |

13 | Updated January 14 2015: 14 | Christian Robertson and the Material Design team unveiled the latest version of Roboto at Google I/O last year, and it is now available from Google Fonts. 15 | Existing websites using Roboto via Google Fonts will start using the latest version automatically. 16 | If you have installed the fonts on your computer, please download them again and re-install. 17 |

-------------------------------------------------------------------------------- /main/fonts/Italic/Roboto-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Italic/Roboto-Italic.ttf -------------------------------------------------------------------------------- /main/fonts/Italic/Roboto-Italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Italic/Roboto-Italic.woff -------------------------------------------------------------------------------- /main/fonts/Italic/Roboto-Italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Italic/Roboto-Italic.woff2 -------------------------------------------------------------------------------- /main/fonts/Light/Roboto-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Light/Roboto-Light.ttf -------------------------------------------------------------------------------- /main/fonts/Light/Roboto-Light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Light/Roboto-Light.woff -------------------------------------------------------------------------------- /main/fonts/Light/Roboto-Light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Light/Roboto-Light.woff2 -------------------------------------------------------------------------------- /main/fonts/LightItalic/Roboto-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/LightItalic/Roboto-LightItalic.ttf -------------------------------------------------------------------------------- /main/fonts/LightItalic/Roboto-LightItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/LightItalic/Roboto-LightItalic.woff -------------------------------------------------------------------------------- /main/fonts/LightItalic/Roboto-LightItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/LightItalic/Roboto-LightItalic.woff2 -------------------------------------------------------------------------------- /main/fonts/Medium/Roboto-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Medium/Roboto-Medium.ttf -------------------------------------------------------------------------------- /main/fonts/Medium/Roboto-Medium.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Medium/Roboto-Medium.woff -------------------------------------------------------------------------------- /main/fonts/Medium/Roboto-Medium.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Medium/Roboto-Medium.woff2 -------------------------------------------------------------------------------- /main/fonts/MediumItalic/Roboto-MediumItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/MediumItalic/Roboto-MediumItalic.ttf -------------------------------------------------------------------------------- /main/fonts/MediumItalic/Roboto-MediumItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/MediumItalic/Roboto-MediumItalic.woff -------------------------------------------------------------------------------- /main/fonts/MediumItalic/Roboto-MediumItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/MediumItalic/Roboto-MediumItalic.woff2 -------------------------------------------------------------------------------- /main/fonts/Regular/Roboto-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Regular/Roboto-Regular.ttf -------------------------------------------------------------------------------- /main/fonts/Regular/Roboto-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Regular/Roboto-Regular.woff -------------------------------------------------------------------------------- /main/fonts/Regular/Roboto-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Regular/Roboto-Regular.woff2 -------------------------------------------------------------------------------- /main/fonts/Thin/Roboto-Thin.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Thin/Roboto-Thin.ttf -------------------------------------------------------------------------------- /main/fonts/Thin/Roboto-Thin.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Thin/Roboto-Thin.woff -------------------------------------------------------------------------------- /main/fonts/Thin/Roboto-Thin.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/Thin/Roboto-Thin.woff2 -------------------------------------------------------------------------------- /main/fonts/ThinItalic/Roboto-ThinItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/ThinItalic/Roboto-ThinItalic.ttf -------------------------------------------------------------------------------- /main/fonts/ThinItalic/Roboto-ThinItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/ThinItalic/Roboto-ThinItalic.woff -------------------------------------------------------------------------------- /main/fonts/ThinItalic/Roboto-ThinItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/ThinItalic/Roboto-ThinItalic.woff2 -------------------------------------------------------------------------------- /main/fonts/apizee/apizee.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/apizee/apizee.eot -------------------------------------------------------------------------------- /main/fonts/apizee/apizee.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/apizee/apizee.ttf -------------------------------------------------------------------------------- /main/fonts/apizee/apizee.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/apizee/apizee.woff -------------------------------------------------------------------------------- /main/fonts/font-awesome/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/font-awesome/FontAwesome.otf -------------------------------------------------------------------------------- /main/fonts/font-awesome/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/font-awesome/fontawesome-webfont.eot -------------------------------------------------------------------------------- /main/fonts/font-awesome/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/font-awesome/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /main/fonts/font-awesome/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/font-awesome/fontawesome-webfont.woff -------------------------------------------------------------------------------- /main/fonts/font-awesome/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/fonts/font-awesome/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /main/images/ApiRTC_Logo_ondark_HD@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/images/ApiRTC_Logo_ondark_HD@2x.png -------------------------------------------------------------------------------- /main/images/QoSLogo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /main/images/apirtc_logo_bubble.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/images/apirtc_logo_bubble.png -------------------------------------------------------------------------------- /main/images/apizee_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/images/apizee_logo.png -------------------------------------------------------------------------------- /main/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/images/background.png -------------------------------------------------------------------------------- /main/images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/images/favicon.png -------------------------------------------------------------------------------- /main/images/infoo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/images/infoo.png -------------------------------------------------------------------------------- /main/lib/images/ui-icons_444444_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/lib/images/ui-icons_444444_256x240.png -------------------------------------------------------------------------------- /main/lib/images/ui-icons_555555_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/lib/images/ui-icons_555555_256x240.png -------------------------------------------------------------------------------- /main/lib/images/ui-icons_777620_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/lib/images/ui-icons_777620_256x240.png -------------------------------------------------------------------------------- /main/lib/images/ui-icons_777777_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/lib/images/ui-icons_777777_256x240.png -------------------------------------------------------------------------------- /main/lib/images/ui-icons_cc0000_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/lib/images/ui-icons_cc0000_256x240.png -------------------------------------------------------------------------------- /main/lib/images/ui-icons_ffffff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/main/lib/images/ui-icons_ffffff_256x240.png -------------------------------------------------------------------------------- /peertopeer_call/css/peertopeer-call.css: -------------------------------------------------------------------------------- 1 | /* Sticky footer styles 2 | -------------------------------------------------- */ 3 | html { 4 | position: relative; 5 | min-height: 100%; 6 | } 7 | body { 8 | /* Margin bottom by footer height */ 9 | margin-bottom: 60px; 10 | background-color: transparent !important; 11 | } 12 | .footer { 13 | /*position: absolute; 14 | bottom: 0;*/ 15 | width: 100%; 16 | /* Set the fixed height of the footer here */ 17 | height: 26px; 18 | line-height: 60px; /* Vertically center the text there */ 19 | background-color: #1581C8; 20 | } 21 | 22 | /* Custom page CSS 23 | -------------------------------------------------- */ 24 | /* Not required for template or sticky footer method. */ 25 | 26 | body > .container { 27 | padding: 60px 15px 0; 28 | color: #ffffff; 29 | min-height: calc(100% - 44px); 30 | } 31 | .footer > .container { 32 | padding-right: 15px; 33 | padding-left: 15px; 34 | } 35 | .footer .copy { 36 | padding-right: 20px; 37 | line-height: 28px; 38 | font-family: Roboto; 39 | font-weight: 200; 40 | font-size: 12px; 41 | color: #FFF;} 42 | .footer .copy img { 43 | height: 26px; 44 | margin-left: 0; 45 | vertical-align: middle;} 46 | code { 47 | font-size: 80%; 48 | } -------------------------------------------------------------------------------- /peertopeer_call_accept_refuse/css/peertopeer-call-accept-refuse.css: -------------------------------------------------------------------------------- 1 | 2 | /* Sticky footer styles 3 | -------------------------------------------------- */ 4 | 5 | 6 | html { 7 | position: relative; 8 | min-height: 100%; 9 | } 10 | body { 11 | /* Margin bottom by footer height */ 12 | margin-bottom: 60px; 13 | background-color: transparent !important; 14 | } 15 | .footer { 16 | /*position: absolute; 17 | bottom: 0;*/ 18 | width: 100%; 19 | /* Set the fixed height of the footer here */ 20 | height: 26px; 21 | line-height: 60px; /* Vertically center the text there */ 22 | background-color: #1581C8; 23 | } 24 | 25 | 26 | 27 | /* Custom page CSS 28 | -------------------------------------------------- */ 29 | /* Not required for template or sticky footer method. */ 30 | 31 | body > .container { 32 | padding: 60px 15px 0; 33 | color: #ffffff; 34 | min-height: calc(100% - 44px); 35 | } 36 | .footer > .container { 37 | padding-right: 15px; 38 | padding-left: 15px; 39 | } 40 | .footer .copy { 41 | padding-right: 20px; 42 | line-height: 28px; 43 | font-family: Roboto; 44 | font-weight: 200; 45 | font-size: 12px; 46 | color: #FFF;} 47 | .footer .copy img { 48 | height: 26px; 49 | margin-left: 0; 50 | vertical-align: middle;} 51 | code { 52 | font-size: 80%; 53 | } 54 | 55 | #accept{ 56 | display: none; 57 | } 58 | #decline{ 59 | display: none; 60 | } 61 | -------------------------------------------------------------------------------- /peertopeer_call_accept_refuse_VP9/css/peertopeer-call-accept-refuse.css: -------------------------------------------------------------------------------- 1 | 2 | /* Sticky footer styles 3 | -------------------------------------------------- */ 4 | 5 | 6 | html { 7 | position: relative; 8 | min-height: 100%; 9 | } 10 | body { 11 | /* Margin bottom by footer height */ 12 | margin-bottom: 60px; 13 | background-color: transparent !important; 14 | } 15 | .footer { 16 | /*position: absolute; 17 | bottom: 0;*/ 18 | width: 100%; 19 | /* Set the fixed height of the footer here */ 20 | height: 26px; 21 | line-height: 60px; /* Vertically center the text there */ 22 | background-color: #1581C8; 23 | } 24 | 25 | 26 | 27 | /* Custom page CSS 28 | -------------------------------------------------- */ 29 | /* Not required for template or sticky footer method. */ 30 | 31 | body > .container { 32 | padding: 60px 15px 0; 33 | color: #ffffff; 34 | min-height: calc(100% - 44px); 35 | } 36 | .footer > .container { 37 | padding-right: 15px; 38 | padding-left: 15px; 39 | } 40 | .footer .copy { 41 | padding-right: 20px; 42 | line-height: 28px; 43 | font-family: Roboto; 44 | font-weight: 200; 45 | font-size: 12px; 46 | color: #FFF;} 47 | .footer .copy img { 48 | height: 26px; 49 | margin-left: 0; 50 | vertical-align: middle;} 51 | code { 52 | font-size: 80%; 53 | } 54 | 55 | #accept{ 56 | display: none; 57 | } 58 | #decline{ 59 | display: none; 60 | } 61 | -------------------------------------------------------------------------------- /peertopeer_call_send_snapshot-Loop/css/peertopeer-call-send-snapshot.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | 8 | #container h2 { 9 | margin: 60px 0; 10 | color: white; 11 | font-family: Roboto; 12 | font-weight: 300; 13 | font-size: 40px; 14 | } 15 | 16 | #container [type="text"] { 17 | border: none; 18 | height: 30px; 19 | width: 220px; 20 | padding: 4px 40px 4px 20px; 21 | font-size: 14px; 22 | font-family: Roboto; 23 | -webkit-border-radius: 20px; 24 | -moz-border-radius: 20px; 25 | border-radius: 20px; 26 | outline: none; 27 | } 28 | 29 | #container button { 30 | background: #1797DE; 31 | border: 3px solid #1e1e1e; 32 | height: 38px; 33 | padding: 4px 30px; 34 | color: #ffffff; 35 | font-size: 14px; 36 | font-family: Roboto; 37 | text-transform: uppercase; 38 | -webkit-border-radius: 20px; 39 | -moz-border-radius: 20px; 40 | border-radius: 20px; 41 | -webkit-transition: background 0.10s linear; 42 | -moz-transition: background 0.10s linear; 43 | transition: background 0.10s linear; 44 | cursor: pointer; 45 | outline: none; 46 | } 47 | 48 | #container button:hover { 49 | background: #1581C8; 50 | } 51 | 52 | p { 53 | font-family: Roboto; 54 | color: white; 55 | 56 | } 57 | 58 | #connectingLabel { 59 | display: none; 60 | font-weight: bold; 61 | } 62 | 63 | #yourIdLabel { 64 | display: none; 65 | font-weight: bold; 66 | } 67 | 68 | #callForm { 69 | display: none; 70 | } 71 | 72 | #callButton { 73 | margin-left: -30px; 74 | } 75 | 76 | #streams { 77 | display: none; 78 | width: 500px; 79 | margin: 0 auto; 80 | } 81 | 82 | #localStream { 83 | display: inline-block; 84 | width: 230px; 85 | height: 150px; 86 | } 87 | 88 | #localStream video { 89 | height: 150px; 90 | } 91 | 92 | #remoteStream { 93 | display: inline-block; 94 | width: 230px; 95 | height: 150px; 96 | } 97 | 98 | #remoteStream video { 99 | height: 150px; 100 | } 101 | 102 | #hangUpButton { 103 | display: none; 104 | } 105 | 106 | #snapshot { 107 | display: none; 108 | } 109 | 110 | #snapshotProgress { 111 | color: #ccc; 112 | font-family: Roboto; 113 | font-size: 12px; 114 | margin: 20px auto; 115 | } 116 | 117 | .separator { 118 | display: block; 119 | margin: 20px auto; 120 | } 121 | -------------------------------------------------------------------------------- /peertopeer_call_send_snapshot/css/peertopeer-call-send-snapshot.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | 8 | #container h2 { 9 | margin: 60px 0; 10 | color: white; 11 | font-family: Roboto; 12 | font-weight: 300; 13 | font-size: 40px; 14 | } 15 | 16 | #container [type="text"] { 17 | border: none; 18 | height: 30px; 19 | width: 220px; 20 | padding: 4px 40px 4px 20px; 21 | font-size: 14px; 22 | font-family: Roboto; 23 | -webkit-border-radius: 20px; 24 | -moz-border-radius: 20px; 25 | border-radius: 20px; 26 | outline: none; 27 | } 28 | 29 | #container button { 30 | background: #1797DE; 31 | border: 3px solid #1e1e1e; 32 | height: 38px; 33 | padding: 4px 30px; 34 | color: #ffffff; 35 | font-size: 14px; 36 | font-family: Roboto; 37 | text-transform: uppercase; 38 | -webkit-border-radius: 20px; 39 | -moz-border-radius: 20px; 40 | border-radius: 20px; 41 | -webkit-transition: background 0.10s linear; 42 | -moz-transition: background 0.10s linear; 43 | transition: background 0.10s linear; 44 | cursor: pointer; 45 | outline: none; 46 | } 47 | 48 | #container button:hover { 49 | background: #1581C8; 50 | } 51 | 52 | p { 53 | font-family: Roboto; 54 | color: white; 55 | 56 | } 57 | 58 | #connectingLabel { 59 | display: none; 60 | font-weight: bold; 61 | } 62 | 63 | #yourIdLabel { 64 | display: none; 65 | font-weight: bold; 66 | } 67 | 68 | #callForm { 69 | display: none; 70 | } 71 | 72 | #callButton { 73 | margin-left: -30px; 74 | } 75 | 76 | #streams { 77 | display: none; 78 | width: 500px; 79 | margin: 0 auto; 80 | } 81 | 82 | #localStream { 83 | display: inline-block; 84 | width: 230px; 85 | height: 150px; 86 | } 87 | 88 | #localStream video { 89 | height: 150px; 90 | } 91 | 92 | #remoteStream { 93 | display: inline-block; 94 | width: 230px; 95 | height: 150px; 96 | } 97 | 98 | #remoteStream video { 99 | height: 150px; 100 | } 101 | 102 | #hangUpButton { 103 | display: none; 104 | } 105 | 106 | #snapshot { 107 | display: none; 108 | } 109 | 110 | #snapshotProgress { 111 | color: #ccc; 112 | font-family: Roboto; 113 | font-size: 12px; 114 | margin: 20px auto; 115 | } 116 | 117 | .separator { 118 | display: block; 119 | margin: 20px auto; 120 | } 121 | -------------------------------------------------------------------------------- /peertopeer_call_sendfile/css/peertopeer-call-sendfile.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | 8 | #container h2 { 9 | margin: 60px 0; 10 | color: white; 11 | font-family: Roboto; 12 | font-weight: 300; 13 | font-size: 40px; 14 | } 15 | 16 | #container [type="text"] { 17 | border: none; 18 | height: 30px; 19 | width: 220px; 20 | padding: 4px 40px 4px 20px; 21 | font-size: 14px; 22 | font-family: Roboto; 23 | -webkit-border-radius: 20px; 24 | -moz-border-radius: 20px; 25 | border-radius: 20px; 26 | outline: none; 27 | } 28 | 29 | #container button { 30 | background: #1797DE; 31 | border: 3px solid #1e1e1e; 32 | height: 38px; 33 | padding: 4px 30px; 34 | color: #ffffff; 35 | font-size: 14px; 36 | font-family: Roboto; 37 | text-transform: uppercase; 38 | -webkit-border-radius: 20px; 39 | -moz-border-radius: 20px; 40 | border-radius: 20px; 41 | -webkit-transition: background 0.10s linear; 42 | -moz-transition: background 0.10s linear; 43 | transition: background 0.10s linear; 44 | cursor: pointer; 45 | outline: none; 46 | } 47 | 48 | #container button:hover { 49 | background: #1581C8; 50 | } 51 | 52 | p { 53 | font-family: Roboto; 54 | color: white; 55 | 56 | } 57 | 58 | #connectingLabel { 59 | display: none; 60 | font-weight: bold; 61 | } 62 | 63 | #yourIdLabel { 64 | display: none; 65 | font-weight: bold; 66 | } 67 | 68 | #callForm { 69 | display: none; 70 | } 71 | 72 | #callButton { 73 | margin-left: -30px; 74 | } 75 | 76 | #streams { 77 | display: none; 78 | } 79 | 80 | #localStream { 81 | display: block; 82 | width: 250px; 83 | height: 150px; 84 | margin: 0 auto; 85 | } 86 | 87 | #localStream video { 88 | height: 150px; 89 | } 90 | 91 | #remoteStream { 92 | display: block; 93 | width: 250px; 94 | height: 150px; 95 | margin: 0 auto; 96 | } 97 | 98 | #remoteStream video { 99 | height: 150px; 100 | } 101 | 102 | #hangUpButton { 103 | display: none; 104 | } 105 | 106 | #sendFileForm { 107 | display: none; 108 | color: white; 109 | } 110 | 111 | #sendFileProgressLabel { 112 | display: none; 113 | } 114 | 115 | #cancelSendFileButton { 116 | display: none; 117 | } 118 | 119 | #downloadLink { 120 | display: none; 121 | } 122 | 123 | .separator { 124 | display: block; 125 | margin: 20px auto; 126 | } -------------------------------------------------------------------------------- /peertopeer_chat/css/peertopeer-chat.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; } 6 | #container h2 { 7 | margin: 60px 0; 8 | color: white; 9 | font-family: Roboto; 10 | font-weight: 300; 11 | font-size: 40px; } 12 | #container #contact-selector { 13 | display: inline-block; } 14 | #container #contact-selector [type="text"] { 15 | border: none; 16 | height: 30px; 17 | width: 220px; 18 | padding: 4px 40px 4px 20px; 19 | font-size: 14px; 20 | font-family: Roboto; 21 | -webkit-border-radius: 20px; 22 | -moz-border-radius: 20px; 23 | border-radius: 20px; 24 | outline: none; } 25 | #container #contact-selector button { 26 | background: #1797DE; 27 | border: 3px solid #1e1e1e; 28 | height: 38px; 29 | padding: 4px 30px; 30 | margin-left: -30px; 31 | color: #ffffff; 32 | font-size: 14px; 33 | font-family: Roboto; 34 | text-transform: uppercase; 35 | -webkit-border-radius: 20px; 36 | -moz-border-radius: 20px; 37 | border-radius: 20px; 38 | -webkit-transition: background 0.10s linear; 39 | -moz-transition: background 0.10s linear; 40 | transition: background 0.10s linear; 41 | cursor: pointer; 42 | outline: none; } 43 | #container #contact-selector button:hover { 44 | background: #1581C8; } 45 | #container #contact-selector #my-number-legend { 46 | width: 100%; 47 | padding: 10px 0 0; 48 | color: white; 49 | font-family: Roboto; 50 | text-align: center; } 51 | #container #chat { 52 | display: none; 53 | width: 600px; 54 | margin: 0 auto 100px; } 55 | #container #chat h3 { 56 | margin: 20px 0; 57 | color: white; 58 | font-family: Roboto; 59 | font-weight: 300; 60 | font-size: 30px; } 61 | #container #chat #chat-body { 62 | height: 200px; 63 | display: flex; 64 | text-align: left; 65 | font-family: Roboto; 66 | width: 100%; } 67 | #container #chat #chat-body #message-list { 68 | list-style-type: none; 69 | flex-basis: 80%; 70 | padding-left: 15px; 71 | margin: auto; 72 | height: 100%; 73 | background: #dddddd; 74 | overflow-y: auto; } 75 | #container #chat #chat-body #active-chats { 76 | list-style-type: none; 77 | flex-basis: 20%; 78 | padding-left: 5px; 79 | margin: auto; 80 | height: 100%; 81 | background: #bbbbbb; } 82 | #container #chat #chat-body #active-chats .active-chat { 83 | cursor: pointer; } 84 | #container #chat #chat-footer { 85 | width: 100%; 86 | display: flex; } 87 | #container #chat #chat-footer #typing-area { 88 | flex-basis: 80%; } 89 | #container #chat #chat-footer #send-message { 90 | flex-basis: 20%; } 91 | 92 | /*# sourceMappingURL=peertopeer-chat.css.map */ 93 | -------------------------------------------------------------------------------- /peertopeer_chat/css/peertopeer-chat.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,4BAAkB;IACd,OAAO,EAAE,YAAY;IAErB,0CAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,mCAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,yCAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,8CAAkB;MACd,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,QAAQ;MACjB,KAAK,EAAE,KAAK;MACZ,WAAW,EAAE,MAAM;MACnB,UAAU,EAAE,MAAM;EAI1B,gBAAM;IACF,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,YAAY;IAEpB,mBAAG;MACC,MAAM,EAAE,MAAM;MACd,KAAK,EAAE,KAAK;MACZ,WAAW,EAAE,MAAM;MACnB,WAAW,EAAE,GAAG;MAChB,SAAS,EAAE,IAAI;IAGnB,2BAAW;MACP,MAAM,EAAE,KAAK;MACb,OAAO,EAAE,IAAI;MACb,UAAU,EAAE,IAAI;MAChB,WAAW,EAAE,MAAM;MACnB,KAAK,EAAE,IAAI;MACX,yCAAc;QACV,eAAe,EAAE,IAAI;QACrB,UAAU,EAAE,GAAG;QACf,YAAY,EAAE,IAAI;QAClB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,OAAO;QACnB,UAAU,EAAE,IAAI;MAEpB,yCAAc;QACV,eAAe,EAAE,IAAI;QACrB,UAAU,EAAE,GAAG;QACf,YAAY,EAAE,GAAG;QACjB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,OAAO;QACnB,sDAAa;UACT,MAAM,EAAE,OAAO;IAK3B,6BAAa;MACT,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,IAAI;MAEb,0CAAa;QACT,UAAU,EAAE,GAAG;MAGnB,2CAAc;QACV,UAAU,EAAE,GAAG", 4 | "sources": ["../sass/peertopeer-chat.scss"], 5 | "names": [], 6 | "file": "peertopeer-chat.css" 7 | } -------------------------------------------------------------------------------- /peertopeer_sendData/css/peertopeer-sendData.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; } 6 | #container h2 { 7 | margin: 60px 0; 8 | color: white; 9 | font-family: Roboto; 10 | font-weight: 300; 11 | font-size: 40px; } 12 | #container #contact-selector { 13 | display: inline-block; } 14 | #container #contact-selector [type="text"] { 15 | border: none; 16 | height: 30px; 17 | width: 220px; 18 | padding: 4px 40px 4px 20px; 19 | font-size: 14px; 20 | font-family: Roboto; 21 | -webkit-border-radius: 20px; 22 | -moz-border-radius: 20px; 23 | border-radius: 20px; 24 | outline: none; } 25 | #container #contact-selector button { 26 | background: #1797DE; 27 | border: 3px solid #1e1e1e; 28 | height: 38px; 29 | padding: 4px 30px; 30 | margin-left: -30px; 31 | color: #ffffff; 32 | font-size: 14px; 33 | font-family: Roboto; 34 | text-transform: uppercase; 35 | -webkit-border-radius: 20px; 36 | -moz-border-radius: 20px; 37 | border-radius: 20px; 38 | -webkit-transition: background 0.10s linear; 39 | -moz-transition: background 0.10s linear; 40 | transition: background 0.10s linear; 41 | cursor: pointer; 42 | outline: none; } 43 | #container #contact-selector button:hover { 44 | background: #1581C8; } 45 | #container #contact-selector #my-number-legend { 46 | width: 100%; 47 | padding: 10px 0 0; 48 | color: white; 49 | font-family: Roboto; 50 | text-align: center; } 51 | #container #data { 52 | display: none; 53 | width: 600px; 54 | margin: 0 auto 100px; } 55 | #container #data h3 { 56 | margin: 20px 0; 57 | color: white; 58 | font-family: Roboto; 59 | font-weight: 300; 60 | font-size: 30px; } 61 | #container #data #data-body { 62 | height: 200px; 63 | display: flex; 64 | text-align: left; 65 | font-family: Roboto; 66 | width: 100%; } 67 | #container #data #data-body #message-list { 68 | list-style-type: none; 69 | flex-basis: 80%; 70 | padding-left: 15px; 71 | margin: auto; 72 | height: 100%; 73 | background: #dddddd; 74 | overflow-y: auto; } 75 | #container #data #data-body #active-datas { 76 | list-style-type: none; 77 | flex-basis: 20%; 78 | padding-left: 5px; 79 | margin: auto; 80 | height: 100%; 81 | background: #bbbbbb; } 82 | #container #data #data-body #active-datas .active-data { 83 | cursor: pointer; } 84 | #container #data #data-footer { 85 | width: 100%; 86 | display: flex; } 87 | #container #data #data-footer #typing-area { 88 | flex-basis: 80%; } 89 | #container #data #data-footer #send-message { 90 | flex-basis: 20%; } 91 | 92 | /*# sourceMappingURL=peertopeer-data.css.map */ 93 | -------------------------------------------------------------------------------- /peertopeer_sendData/css/peertopeer-sendData.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,4BAAkB;IACd,OAAO,EAAE,YAAY;IAErB,0CAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,mCAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,yCAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,8CAAkB;MACd,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,QAAQ;MACjB,KAAK,EAAE,KAAK;MACZ,WAAW,EAAE,MAAM;MACnB,UAAU,EAAE,MAAM;EAI1B,gBAAM;IACF,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,YAAY;IAEpB,mBAAG;MACC,MAAM,EAAE,MAAM;MACd,KAAK,EAAE,KAAK;MACZ,WAAW,EAAE,MAAM;MACnB,WAAW,EAAE,GAAG;MAChB,SAAS,EAAE,IAAI;IAGnB,2BAAW;MACP,MAAM,EAAE,KAAK;MACb,OAAO,EAAE,IAAI;MACb,UAAU,EAAE,IAAI;MAChB,WAAW,EAAE,MAAM;MACnB,KAAK,EAAE,IAAI;MACX,yCAAc;QACV,eAAe,EAAE,IAAI;QACrB,UAAU,EAAE,GAAG;QACf,YAAY,EAAE,IAAI;QAClB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,OAAO;QACnB,UAAU,EAAE,IAAI;MAEpB,yCAAc;QACV,eAAe,EAAE,IAAI;QACrB,UAAU,EAAE,GAAG;QACf,YAAY,EAAE,GAAG;QACjB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,OAAO;QACnB,sDAAa;UACT,MAAM,EAAE,OAAO;IAK3B,6BAAa;MACT,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,IAAI;MAEb,0CAAa;QACT,UAAU,EAAE,GAAG;MAGnB,2CAAc;QACV,UAAU,EAAE,GAAG", 4 | "sources": ["../sass/peertopeer-chat.scss"], 5 | "names": [], 6 | "file": "peertopeer-chat.css" 7 | } -------------------------------------------------------------------------------- /presence_group_basic/README.md: -------------------------------------------------------------------------------- 1 | # Presence API 2 | 3 | ApiRTC embeds a presence mecanism to manage a list of connected contacts. 4 | 5 | # Run this example 6 | This example set the scene for an agent-customer relationship. 7 | ```mermaid 8 | flowchart TD 9 | Customer1 <--> Agent 10 | Customer2 <--> Agent 11 | Customer3 <--> Agent 12 | ``` 13 | 14 | 1. Start a simple HTTP server serving page of this folder 15 | 2. Open one or several tabs on `localhost/` to load the "Customer" interface. 16 | ![capture of the customer interface](./resources/screen_customer.png) 17 | 18 | 1. Go to `localhost/agent.html` to load the "Agent interface 19 | ![capture of the customer interface](./resources/screen_agent.png) 20 | 21 | As you open more tabs/close tab of the Customer interface, the agent interface will react accordingly. 22 | 23 | 24 | # More infos 25 | Go on [the ApiRTC developer portal](https://dev.apirtc.com) for more information on Presence management. -------------------------------------------------------------------------------- /presence_group_basic/agent.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Presence Group Example 5 | 6 | 10 | 11 | 12 | 13 | 14 |

You are an agent.

15 | 16 |

Your Username: 17 |

18 |

You can see connected customers.

19 |

Customers

20 | 21 | 22 |

23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /presence_group_basic/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Presence Group Example 5 | 6 | 7 | 11 | 12 | 13 | 14 | 15 |
16 |

You are a customer.

17 |

Your Username: 18 |

19 |
20 |
21 | 22 | 23 | -------------------------------------------------------------------------------- /presence_group_basic/resources/screen_agent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/presence_group_basic/resources/screen_agent.png -------------------------------------------------------------------------------- /presence_group_basic/resources/screen_customer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/presence_group_basic/resources/screen_customer.png -------------------------------------------------------------------------------- /presence_group_basic/src/agent.js: -------------------------------------------------------------------------------- 1 | var apiKey = "myDemoApiKey"; 2 | 3 | var connectedSession = undefined; 4 | 5 | /** 6 | * Update the HTML DOM with the actualized list of contacts in the Customer group 7 | * @returns void 8 | */ 9 | function updateConnectedUsersListUI() { 10 | var htmlContent = ""; 11 | 12 | connectedSession.getContactsArray("Customer").forEach((contact) => { 13 | htmlContent += "
  • " + contact.getUsername() + "
    • "; 14 | }); 15 | 16 | document.getElementById("connected-customer-list").innerHTML = htmlContent; 17 | 18 | return; 19 | } 20 | 21 | //Declare the useragent 22 | var userAgent = new apiRTC.UserAgent({ 23 | uri: "apiKey:" + apiKey 24 | }); 25 | 26 | //Register the user agent 27 | userAgent 28 | .register({ 29 | cloudUrl: "https://cloud.apizee.com" 30 | }) 31 | .then((session) => { 32 | console.log("UserAgent registered : " + session.getUsername()); 33 | 34 | //Save the current session to use it afterward 35 | connectedSession = session; 36 | 37 | //Update the HTML Dom with the username 38 | document.getElementById("username").innerHTML = connectedSession.getUsername(); 39 | 40 | //Subscribe to all the event thrown when there is some upadtes in the group "Customer" 41 | connectedSession.subscribeToGroup("Customer"); 42 | 43 | //Watch the `contactListUpdate` event 44 | connectedSession.on("contactListUpdate", (updatedContacts) => { 45 | 46 | //Example to show how to go through the `joinedGroup` and `leftGroup` arrays 47 | // Mind that a a third attribute updatedContacts.userDataChanged as an array of Contacts 48 | for (const group of Object.keys(updatedContacts.joinedGroup)) { 49 | 50 | for (const contact of updatedContacts.joinedGroup[group]) { 51 | 52 | console.log("Joined " + group + ": " + contact.getUsername()); 53 | 54 | } 55 | } 56 | for (const group of Object.keys(updatedContacts.leftGroup)) { 57 | 58 | for (const contact of updatedContacts.leftGroup[group]) { 59 | 60 | console.log("Left " + group + ": " + contact.getUsername()); 61 | 62 | } 63 | } 64 | 65 | updateConnectedUsersListUI(); 66 | }); 67 | 68 | updateConnectedUsersListUI(); 69 | }) 70 | .catch((err) => { 71 | console.log("Error User Agent : " + JSON.stringify(err)); 72 | }); 73 | -------------------------------------------------------------------------------- /presence_group_basic/src/index.js: -------------------------------------------------------------------------------- 1 | var apiKey = "myDemoApiKey"; 2 | 3 | var connectedSession = null; 4 | 5 | var userAgent = new apiRTC.UserAgent({ 6 | uri: "apiKey:" + apiKey 7 | }); 8 | 9 | userAgent 10 | .register({ 11 | cloudUrl: "https://cloud.apizee.com" 12 | }) 13 | .then((session) => { 14 | console.log("UserAgent registered : " + session.getUsername()); 15 | connectedSession = session; 16 | 17 | connectedSession.joinGroup("Customer"); 18 | 19 | console.log( 20 | connectedSession.getUsername() + 21 | " connected to groups: " + 22 | connectedSession.getPresenceGroup() 23 | ); 24 | 25 | document.getElementById("username").innerHTML = connectedSession.getUsername(); 26 | 27 | }) 28 | .catch((err) => { 29 | console.log("Error User Agent : " + JSON.stringify(err)); 30 | }); 31 | -------------------------------------------------------------------------------- /sendFile/css/sendFile.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | 8 | #container h2 { 9 | margin: 60px 0; 10 | color: white; 11 | font-family: Roboto; 12 | font-weight: 300; 13 | font-size: 40px; 14 | } 15 | 16 | #container #status { 17 | margin: 60px 0; 18 | color: red; 19 | font-family: Roboto; 20 | } 21 | 22 | #container video { 23 | background: black; 24 | } 25 | 26 | #container button { 27 | background: #1797DE; 28 | border: 3px solid #1e1e1e; 29 | height: 38px; 30 | padding: 4px 30px; 31 | margin-left: -30px; 32 | color: #ffffff; 33 | font-size: 14px; 34 | font-family: Roboto; 35 | text-transform: uppercase; 36 | -webkit-border-radius: 20px; 37 | -moz-border-radius: 20px; 38 | border-radius: 20px; 39 | -webkit-transition: background 0.10s linear; 40 | -moz-transition: background 0.10s linear; 41 | transition: background 0.10s linear; 42 | cursor: pointer; 43 | outline: none; 44 | } 45 | 46 | #container button:hover { 47 | background: #1581C8; 48 | } 49 | 50 | #container #my-number { 51 | width: 100%; 52 | padding: 10px 0 0; 53 | color: white; 54 | font-family: Roboto; 55 | text-align: center; 56 | } 57 | 58 | #container [type="text"] { 59 | border: none; 60 | height: 30px; 61 | width: 140px; 62 | padding: 4px 40px 4px 20px; 63 | font-size: 14px; 64 | font-family: Roboto; 65 | -webkit-border-radius: 20px; 66 | -moz-border-radius: 20px; 67 | border-radius: 20px; 68 | outline: none; 69 | } 70 | 71 | #container #call { 72 | display: none; 73 | margin-bottom: 100px; 74 | } 75 | 76 | #container #call #hangup { 77 | display: none; 78 | background: #E4371D; 79 | border: none; 80 | color: white; 81 | margin-bottom: 15px; 82 | padding: 5px 15px; 83 | font-size: 14px; 84 | -webkit-border-radius: 4px; 85 | -moz-border-radius: 4px; 86 | border-radius: 4px; 87 | cursor: pointer; 88 | outline: none; 89 | -webkit-transition: all 0.10s linear; 90 | -moz-transition: all 0.10s linear; 91 | transition: all 0.10s linear; 92 | } 93 | 94 | .ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable { 95 | background:white !important 96 | }​ 97 | 98 | #container #call #hangup:hover { 99 | background: #C9311a; 100 | } 101 | 102 | #container #call #local-container { 103 | text-align: right; 104 | } 105 | 106 | #container #call #local-container video { 107 | height: 150px; 108 | } 109 | 110 | #container #call #remote-container video { 111 | height: 300px; 112 | } 113 | 114 | #container #sendfile { 115 | width: 100%; 116 | padding: 10px 0 0; 117 | color: white; 118 | text-align: center; 119 | } 120 | 121 | #container #contactList{ 122 | position:relative; 123 | display: inline-block; 124 | color: white; 125 | } 126 | 127 | #invitationDialog { 128 | display: none; 129 | background: white; 130 | } 131 | 132 | #progressbar { 133 | background: white; 134 | color: white; 135 | display: none; 136 | } 137 | 138 | #file-transfer-result-wrapper { 139 | color: white; 140 | display: none; 141 | } 142 | 143 | #container #cancelList{ 144 | position:relative; 145 | display: inline-block; 146 | color: white; 147 | } 148 | 149 | 150 | /*# sourceMappingURL=sendFile-basic.css.map */ -------------------------------------------------------------------------------- /sendFile/css/sendFile.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,gBAAM;IACF,UAAU,EAAE,KAAK;EAGrB,sBAAY;IACR,OAAO,EAAE,YAAY;IAErB,oCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,6BAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,mCAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,iCAAW;MACP,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,QAAQ;MACjB,KAAK,EAAE,KAAK;MACZ,WAAW,EAAE,MAAM;MACnB,UAAU,EAAE,MAAM;EAI1B,gBAAM;IACF,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,wBAAQ;MACJ,OAAO,EAAE,IAAI;MACb,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,QAAQ;MACjB,SAAS,EAAE,IAAI;MACf,qBAAqB,EAAE,GAAG;MAC1B,kBAAkB,EAAE,GAAG;MACvB,aAAa,EAAE,GAAG;MAClB,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MACb,kBAAkB,EAAE,gBAAgB;MACpC,eAAe,EAAE,gBAAgB;MACjC,UAAU,EAAE,gBAAgB;MAE5B,8BAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,iCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,uCAAM;QACF,MAAM,EAAE,KAAK;IAKjB,wCAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/peertopeer-basic.scss"], 5 | "names": [], 6 | "file": "peertopeer-basic.css" 7 | } -------------------------------------------------------------------------------- /sendFile/sass/ua_reg_ext.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | video { 16 | background: black; 17 | } 18 | 19 | button { 20 | background: #1797DE; 21 | border: 3px solid rgba(30, 30, 30, 1); 22 | height: 38px; 23 | padding: 4px 30px; 24 | margin-left: -30px; 25 | color: #ffffff; 26 | font-size: 14px; 27 | font-family: Roboto; 28 | text-transform: uppercase; 29 | -webkit-border-radius: 20px; 30 | -moz-border-radius: 20px; 31 | border-radius: 20px; 32 | -webkit-transition: background 0.10s linear; 33 | -moz-transition: background 0.10s linear; 34 | transition: background 0.10s linear; 35 | cursor: pointer; 36 | outline: none; 37 | 38 | &:hover { 39 | background: #1581C8; 40 | } 41 | } 42 | #my-number { 43 | width: 100%; 44 | padding: 10px 0 0; 45 | color: white; 46 | font-family: Roboto; 47 | text-align: center; 48 | } 49 | #call { 50 | display: none; 51 | margin-bottom: 100px; 52 | 53 | #hangup { 54 | display: none; 55 | background: #E4371D; 56 | border: none; 57 | color: white; 58 | margin-bottom: 15px; 59 | padding: 5px 15px; 60 | font-size: 14px; 61 | -webkit-border-radius: 4px; 62 | -moz-border-radius: 4px; 63 | border-radius: 4px; 64 | cursor: pointer; 65 | outline: none; 66 | -webkit-transition: all 0.10s linear; 67 | -moz-transition: all 0.10s linear; 68 | transition: all 0.10s linear; 69 | 70 | &:hover { 71 | background: #C9311a; 72 | } 73 | } 74 | 75 | #local-container { 76 | text-align: right; 77 | 78 | video { 79 | height: 150px; 80 | } 81 | } 82 | 83 | #remote-container { 84 | video { 85 | height: 300px; 86 | } 87 | } 88 | } 89 | } -------------------------------------------------------------------------------- /streams_applyAudioProcessor/css/streams-applyaudioprocessor.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | p { 8 | color: white; 9 | font-family: Roboto; 10 | font-size: 14px; 11 | } 12 | #container h2 { 13 | margin: 20px 0; 14 | color: white; 15 | font-family: Roboto; 16 | font-weight: 300; 17 | font-size: 40px; 18 | } 19 | #container video { 20 | background: black; 21 | } 22 | #container button { 23 | background: #1797DE; 24 | border: 3px solid #1e1e1e; 25 | height: 38px; 26 | padding: 4px 30px; 27 | margin-left: -30px; 28 | color: #ffffff; 29 | font-size: 14px; 30 | font-family: Roboto; 31 | text-transform: uppercase; 32 | -webkit-border-radius: 20px; 33 | -moz-border-radius: 20px; 34 | border-radius: 20px; 35 | -webkit-transition: background 0.10s linear; 36 | -moz-transition: background 0.10s linear; 37 | transition: background 0.10s linear; 38 | cursor: pointer; 39 | outline: none; } 40 | #container button:hover { 41 | background: #1581C8; } 42 | #container #select-device { 43 | display: inline-block; 44 | margin-top: 30px; 45 | width: 100%; 46 | float: left; 47 | clear: both; } 48 | #container #select-device .center { 49 | width: 300px; 50 | margin: 0px auto; } 51 | #container #select-device .center .custom-select { 52 | border: none; 53 | height: 30px; 54 | width: 300px; 55 | padding: 4px 40px 4px 20px; 56 | font-size: 14px; 57 | font-family: Roboto; 58 | -webkit-border-radius: 20px; 59 | -moz-border-radius: 20px; 60 | border-radius: 20px; 61 | outline: none; } 62 | #container #select-device .center #my-mic, #container #select-device .center #my-camera { 63 | width: 100%; 64 | padding: 10px 0 0; 65 | color: white; 66 | font-family: Roboto; 67 | text-align: center; } 68 | #container #call { 69 | display: inline-block; 70 | margin-bottom: 30px; 71 | position: relative; 72 | width: 100%; } 73 | #container #call #hangup { 74 | display: none; 75 | background: #E4371D; 76 | border: none; 77 | color: white; 78 | margin-bottom: 10px; 79 | padding: 5px 15px; 80 | font-size: 14px; 81 | -webkit-border-radius: 4px; 82 | -moz-border-radius: 4px; 83 | border-radius: 4px; 84 | cursor: pointer; 85 | outline: none; 86 | -webkit-transition: all 0.10s linear; 87 | -moz-transition: all 0.10s linear; 88 | transition: all 0.10s linear; } 89 | #container #call #hangup:hover { 90 | background: #C9311a; } 91 | #container #call #error-device { 92 | text-align: center; 93 | color: red; 94 | display: none; } 95 | #container #call #local-container { 96 | text-align: right; 97 | display: inline-block; } 98 | #container #call #local-container video { 99 | height: 500px; } 100 | #container #call #remote-container video { 101 | height: 300px; } 102 | 103 | /*# sourceMappingURL=select-media.css.map */ 104 | -------------------------------------------------------------------------------- /streams_applyAudioProcessor/css/streams-applyaudioprocessor.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "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", 4 | "sources": ["../sass/streams-select-media.scss"], 5 | "names": [], 6 | "file": "streams-select-media.css" 7 | } 8 | -------------------------------------------------------------------------------- /streams_applyVideoProcessor/css/streams-applyvideoprocessor.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | } 7 | p { 8 | color: white; 9 | font-family: Roboto; 10 | font-size: 14px; 11 | } 12 | #container h2 { 13 | margin: 20px 0; 14 | color: white; 15 | font-family: Roboto; 16 | font-weight: 300; 17 | font-size: 40px; 18 | } 19 | #container video { 20 | background: black; 21 | } 22 | #container button { 23 | background: #1797DE; 24 | border: 3px solid #1e1e1e; 25 | height: 38px; 26 | padding: 4px 30px; 27 | margin-left: -30px; 28 | color: #ffffff; 29 | font-size: 14px; 30 | font-family: Roboto; 31 | text-transform: uppercase; 32 | -webkit-border-radius: 20px; 33 | -moz-border-radius: 20px; 34 | border-radius: 20px; 35 | -webkit-transition: background 0.10s linear; 36 | -moz-transition: background 0.10s linear; 37 | transition: background 0.10s linear; 38 | cursor: pointer; 39 | outline: none; } 40 | #container button:hover { 41 | background: #1581C8; } 42 | #container #select-device { 43 | display: inline-block; 44 | margin-top: 30px; 45 | width: 100%; 46 | float: left; 47 | clear: both; } 48 | #container #select-device .center { 49 | width: 300px; 50 | margin: 0px auto; } 51 | #container #select-device .center .custom-select { 52 | border: none; 53 | height: 30px; 54 | width: 300px; 55 | padding: 4px 40px 4px 20px; 56 | font-size: 14px; 57 | font-family: Roboto; 58 | -webkit-border-radius: 20px; 59 | -moz-border-radius: 20px; 60 | border-radius: 20px; 61 | outline: none; } 62 | #container #select-device .center #my-mic, #container #select-device .center #my-camera { 63 | width: 100%; 64 | padding: 10px 0 0; 65 | color: white; 66 | font-family: Roboto; 67 | text-align: center; } 68 | #container #call { 69 | display: inline-block; 70 | margin-bottom: 30px; 71 | position: relative; 72 | width: 100%; } 73 | #container #call #hangup { 74 | display: none; 75 | background: #E4371D; 76 | border: none; 77 | color: white; 78 | margin-bottom: 10px; 79 | padding: 5px 15px; 80 | font-size: 14px; 81 | -webkit-border-radius: 4px; 82 | -moz-border-radius: 4px; 83 | border-radius: 4px; 84 | cursor: pointer; 85 | outline: none; 86 | -webkit-transition: all 0.10s linear; 87 | -moz-transition: all 0.10s linear; 88 | transition: all 0.10s linear; } 89 | #container #call #hangup:hover { 90 | background: #C9311a; } 91 | #container #call #error-device { 92 | text-align: center; 93 | color: red; 94 | display: none; } 95 | #container #call #local-container { 96 | text-align: right; 97 | display: inline-block; } 98 | #container #call #local-container video { 99 | height: 500px; } 100 | #container #call #remote-container video { 101 | height: 300px; } 102 | 103 | /*# sourceMappingURL=select-media.css.map */ 104 | -------------------------------------------------------------------------------- /streams_applyVideoProcessor/css/streams-applyvideoprocessor.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,gBAAM;IACF,UAAU,EAAE,KAAK;EAGrB,sBAAY;IACR,OAAO,EAAE,YAAY;IAErB,oCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,6BAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,mCAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,iCAAW;MACP,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,QAAQ;MACjB,KAAK,EAAE,KAAK;MACZ,WAAW,EAAE,MAAM;MACnB,UAAU,EAAE,MAAM;EAG1B,yBAAc;IACV,OAAO,EAAE,YAAY;IACrB,UAAU,EAAC,IAAI;IACf,KAAK,EAAC,IAAI;IACV,KAAK,EAAC,IAAI;IACV,KAAK,EAAC,IAAI;IACV,iCAAO;MACH,KAAK,EAAC,KAAK;MACX,MAAM,EAAC,QAAQ;MACf,gDAAc;QACV,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,iBAAiB;QAC1B,SAAS,EAAE,IAAI;QACf,WAAW,EAAE,MAAM;QACnB,qBAAqB,EAAE,IAAI;QAC3B,kBAAkB,EAAE,IAAI;QACxB,aAAa,EAAE,IAAI;QACnB,OAAO,EAAE,IAAI;MAEjB,uFAAmB;QACf,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,QAAQ;QACjB,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;EAI9B,gBAAM;IACF,OAAO,EAAC,YAAY;IACpB,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,IAAI;IAEX,wBAAQ;MACJ,OAAO,EAAE,IAAI;MACb,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,QAAQ;MACjB,SAAS,EAAE,IAAI;MACf,qBAAqB,EAAE,GAAG;MAC1B,kBAAkB,EAAE,GAAG;MACvB,aAAa,EAAE,GAAG;MAClB,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MACb,kBAAkB,EAAE,gBAAgB;MACpC,eAAe,EAAE,gBAAgB;MACjC,UAAU,EAAE,gBAAgB;MAE5B,8BAAQ;QACJ,UAAU,EAAE,OAAO;IAG3B,8BAAa;MACT,UAAU,EAAC,MAAM;MACjB,KAAK,EAAC,GAAG;MACT,OAAO,EAAC,IAAI;IAEhB,iCAAiB;MACb,UAAU,EAAE,KAAK;MACjB,OAAO,EAAE,YAAY;MACrB,uCAAM;QACF,MAAM,EAAE,KAAK;IAKjB,wCAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/streams-select-media.scss"], 5 | "names": [], 6 | "file": "streams-select-media.css" 7 | } 8 | -------------------------------------------------------------------------------- /streams_record_media/css/streams-record-media.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "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", 4 | "sources": ["../sass/streams-select-media.scss"], 5 | "names": [], 6 | "file": "streams-select-media.css" 7 | } 8 | -------------------------------------------------------------------------------- /streams_screensharing/css/streams-screensharing.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; } 6 | #container h2 { 7 | margin: 60px 0; 8 | color: white; 9 | font-family: Roboto; 10 | font-weight: 300; 11 | font-size: 40px; } 12 | #container #download-link { 13 | color: #DD2222; } 14 | #container #download-link:hover { 15 | color: #aa2222; } 16 | #container #create { 17 | display: inline-block; } 18 | #container #create [type="text"] { 19 | border: none; 20 | height: 30px; 21 | width: 220px; 22 | padding: 4px 40px 4px 20px; 23 | font-size: 14px; 24 | font-family: Roboto; 25 | -webkit-border-radius: 20px; 26 | -moz-border-radius: 20px; 27 | border-radius: 20px; 28 | outline: none; } 29 | #container #create button { 30 | background: #1797DE; 31 | border: 3px solid #1e1e1e; 32 | height: 38px; 33 | padding: 4px 30px; 34 | margin-left: -30px; 35 | color: #ffffff; 36 | font-size: 14px; 37 | font-family: Roboto; 38 | text-transform: uppercase; 39 | -webkit-border-radius: 20px; 40 | -moz-border-radius: 20px; 41 | border-radius: 20px; 42 | -webkit-transition: background 0.10s linear; 43 | -moz-transition: background 0.10s linear; 44 | transition: background 0.10s linear; 45 | cursor: pointer; 46 | outline: none; } 47 | #container #create button:hover { 48 | background: #1581C8; } 49 | #container #conference { 50 | display: none; 51 | margin-bottom: 100px; } 52 | #container #conference #local-container { 53 | text-align: right; } 54 | #container #conference #local-container video { 55 | height: 150px; } 56 | #container #conference #remote-container video { 57 | height: 300px; } 58 | #container #conference #toggle-screensharing { 59 | background: #44af1d; 60 | border: none; 61 | color: #ffffff; 62 | margin-bottom: 15px; 63 | padding: 5px 15px; 64 | font-size: 14px; 65 | border-radius: 4px; 66 | outline: none; 67 | cursor: pointer; } 68 | #container #conference #toggle-screensharing:hover { 69 | background: #228f1d; } 70 | 71 | /*# sourceMappingURL=conference-screensharing.css.map */ 72 | -------------------------------------------------------------------------------- /streams_screensharing/css/streams-screensharing.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,yBAAe;IACX,KAAK,EAAE,OAAO;IACd,+BAAQ;MACJ,KAAK,EAAE,OAAO;EAItB,kBAAQ;IACJ,OAAO,EAAE,YAAY;IAErB,gCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,yBAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,+BAAQ;QACJ,UAAU,EAAE,OAAO;EAK/B,sBAAY;IACR,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,uCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,6CAAM;QACF,MAAM,EAAE,KAAK;IAKjB,8CAAM;MACF,MAAM,EAAE,KAAK;IAIrB,4CAAsB;MAClB,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,OAAO;MACd,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,QAAQ;MACjB,SAAS,EAAE,IAAI;MACf,aAAa,EAAE,GAAG;MAClB,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,OAAO;MACf,kDAAQ;QACJ,UAAU,EAAE,OAAO", 4 | "sources": ["../sass/streams-screensharing.scss"], 5 | "names": [], 6 | "file": "streams-screensharing.css" 7 | } -------------------------------------------------------------------------------- /streams_screensharing/sass/streams-screensharing.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | #download-link { 16 | color: #DD2222; 17 | &:hover { 18 | color: #aa2222; 19 | } 20 | } 21 | 22 | #create { 23 | display: inline-block; 24 | 25 | [type="text"] { 26 | border: none; 27 | height: 30px; 28 | width: 220px; 29 | padding: 4px 40px 4px 20px; 30 | font-size: 14px; 31 | font-family: Roboto; 32 | -webkit-border-radius: 20px; 33 | -moz-border-radius: 20px; 34 | border-radius: 20px; 35 | outline: none; 36 | } 37 | 38 | button { 39 | background: #1797DE; 40 | border: 3px solid rgba(30, 30, 30, 1); 41 | height: 38px; 42 | padding: 4px 30px; 43 | margin-left: -30px; 44 | color: #ffffff; 45 | font-size: 14px; 46 | font-family: Roboto; 47 | text-transform: uppercase; 48 | -webkit-border-radius: 20px; 49 | -moz-border-radius: 20px; 50 | border-radius: 20px; 51 | -webkit-transition: background 0.10s linear; 52 | -moz-transition: background 0.10s linear; 53 | transition: background 0.10s linear; 54 | cursor: pointer; 55 | outline: none; 56 | 57 | &:hover { 58 | background: #1581C8; 59 | } 60 | } 61 | } 62 | 63 | #conference { 64 | display: none; 65 | margin-bottom: 100px; 66 | 67 | #local-container { 68 | text-align: right; 69 | 70 | video { 71 | height: 150px; 72 | } 73 | } 74 | 75 | #remote-container { 76 | video { 77 | height: 300px; 78 | } 79 | } 80 | 81 | #toggle-screensharing { 82 | background: #44af1d; 83 | border: none; 84 | color: #ffffff; 85 | margin-bottom: 15px; 86 | padding: 5px 15px; 87 | font-size: 14px; 88 | border-radius: 4px; 89 | outline: none; 90 | cursor: pointer; 91 | &:hover { 92 | background: #228f1d; 93 | } 94 | } 95 | } 96 | } -------------------------------------------------------------------------------- /streams_select_media/css/streams-select-media.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "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", 4 | "sources": ["../sass/streams-select-media.scss"], 5 | "names": [], 6 | "file": "streams-select-media.css" 7 | } 8 | -------------------------------------------------------------------------------- /streams_snapshot/css/streams-snapshot.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "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", 4 | "sources": ["../sass/streams-select-media.scss"], 5 | "names": [], 6 | "file": "streams-select-media.css" 7 | } 8 | -------------------------------------------------------------------------------- /streams_video_resolution/css/streams-video-resolution.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "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", 4 | "sources": ["../sass/streams-video-resolution.scss"], 5 | "names": [], 6 | "file": "streams-video-resolution.css" 7 | } 8 | -------------------------------------------------------------------------------- /ua_reg_apikey/css/ua_reg_ext.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; } 6 | #container h2 { 7 | margin: 60px 0; 8 | color: white; 9 | font-family: Roboto; 10 | font-weight: 300; 11 | font-size: 40px; } 12 | #container #status { 13 | margin: 60px 0; 14 | color: red; 15 | font-family: Roboto; 16 | } 17 | #container video { 18 | background: black; } 19 | #container button { 20 | background: #1797DE; 21 | border: 3px solid #1e1e1e; 22 | height: 38px; 23 | padding: 4px 30px; 24 | margin-left: -30px; 25 | color: #ffffff; 26 | font-size: 14px; 27 | font-family: Roboto; 28 | text-transform: uppercase; 29 | -webkit-border-radius: 20px; 30 | -moz-border-radius: 20px; 31 | border-radius: 20px; 32 | -webkit-transition: background 0.10s linear; 33 | -moz-transition: background 0.10s linear; 34 | transition: background 0.10s linear; 35 | cursor: pointer; 36 | outline: none; } 37 | #container button:hover { 38 | background: #1581C8; } 39 | #container #my-number { 40 | width: 100%; 41 | padding: 10px 0 0; 42 | color: white; 43 | font-family: Roboto; 44 | text-align: center; } 45 | #container [type="text"] { 46 | border: none; 47 | height: 30px; 48 | width: 140px; 49 | padding: 4px 40px 4px 20px; 50 | font-size: 14px; 51 | font-family: Roboto; 52 | -webkit-border-radius: 20px; 53 | -moz-border-radius: 20px; 54 | border-radius: 20px; 55 | outline: none; } 56 | #container #call { 57 | display: none; 58 | margin-bottom: 100px; } 59 | #container #call #hangup { 60 | display: none; 61 | background: #E4371D; 62 | border: none; 63 | color: white; 64 | margin-bottom: 15px; 65 | padding: 5px 15px; 66 | font-size: 14px; 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | cursor: pointer; 71 | outline: none; 72 | -webkit-transition: all 0.10s linear; 73 | -moz-transition: all 0.10s linear; 74 | transition: all 0.10s linear; } 75 | #container #call #hangup:hover { 76 | background: #C9311a; } 77 | #container #call #local-container { 78 | text-align: right; } 79 | #container #call #local-container video { 80 | height: 150px; } 81 | #container #call #remote-container video { 82 | height: 300px; } 83 | 84 | /*# sourceMappingURL=peertopeer-basic.css.map */ 85 | -------------------------------------------------------------------------------- /ua_reg_apikey/css/ua_reg_ext.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,gBAAM;IACF,UAAU,EAAE,KAAK;EAGrB,sBAAY;IACR,OAAO,EAAE,YAAY;IAErB,oCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,6BAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,mCAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,iCAAW;MACP,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,QAAQ;MACjB,KAAK,EAAE,KAAK;MACZ,WAAW,EAAE,MAAM;MACnB,UAAU,EAAE,MAAM;EAI1B,gBAAM;IACF,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,wBAAQ;MACJ,OAAO,EAAE,IAAI;MACb,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,QAAQ;MACjB,SAAS,EAAE,IAAI;MACf,qBAAqB,EAAE,GAAG;MAC1B,kBAAkB,EAAE,GAAG;MACvB,aAAa,EAAE,GAAG;MAClB,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MACb,kBAAkB,EAAE,gBAAgB;MACpC,eAAe,EAAE,gBAAgB;MACjC,UAAU,EAAE,gBAAgB;MAE5B,8BAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,iCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,uCAAM;QACF,MAAM,EAAE,KAAK;IAKjB,wCAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/peertopeer-basic.scss"], 5 | "names": [], 6 | "file": "peertopeer-basic.css" 7 | } -------------------------------------------------------------------------------- /ua_reg_apikey/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Demos - Conference 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
    16 | 21 | 22 | 23 |
    24 |

    User Agent registration demo

    25 | 26 | 27 | 28 |
    29 |
    30 |
    31 | 32 | 33 | 38 | 39 | 40 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /ua_reg_apikey/js/ua_reg_ext.js: -------------------------------------------------------------------------------- 1 | $(function() { 2 | 'use strict'; 3 | var connectedSession = null; 4 | 5 | apiRTC.setLogLevel(10); 6 | 7 | //============================== 8 | // CREATE USER AGENT 9 | //============================== 10 | var ua = new apiRTC.UserAgent({ 11 | uri: 'apzkey:myDemoApiKey' 12 | }); 13 | 14 | $('#register').on('click', function() { 15 | console.log('register'); 16 | //============================== 17 | // REGISTER 18 | //============================== 19 | 20 | // Get userId 21 | var userId = document.getElementById('userId').value; 22 | console.log('userId :', userId); 23 | 24 | var registerInformation = {}; 25 | //if (userId !== "") { 26 | console.log('setting userId'); 27 | registerInformation.id = userId; 28 | registerInformation.cloudFetchRetries = 3; 29 | registerInformation.cloudFetchRetryDelay = 2000; 30 | 31 | ua.register(registerInformation).then(function(session) { 32 | // Save session 33 | connectedSession = session; 34 | // Display user number 35 | document.getElementById('my-number').innerHTML = 'Your number is ' + connectedSession.id; 36 | }).catch(function(error) { 37 | // error 38 | console.error('User agent registration failed', error); 39 | }); 40 | }); 41 | 42 | $('#unregister').on('click', function() { 43 | console.log('unregister'); 44 | ua.unregister(); 45 | document.getElementById('my-number').innerHTML = ''; 46 | }); 47 | }); -------------------------------------------------------------------------------- /ua_reg_apikey/sass/ua_reg_ext.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | video { 16 | background: black; 17 | } 18 | 19 | button { 20 | background: #1797DE; 21 | border: 3px solid rgba(30, 30, 30, 1); 22 | height: 38px; 23 | padding: 4px 30px; 24 | margin-left: -30px; 25 | color: #ffffff; 26 | font-size: 14px; 27 | font-family: Roboto; 28 | text-transform: uppercase; 29 | -webkit-border-radius: 20px; 30 | -moz-border-radius: 20px; 31 | border-radius: 20px; 32 | -webkit-transition: background 0.10s linear; 33 | -moz-transition: background 0.10s linear; 34 | transition: background 0.10s linear; 35 | cursor: pointer; 36 | outline: none; 37 | 38 | &:hover { 39 | background: #1581C8; 40 | } 41 | } 42 | #my-number { 43 | width: 100%; 44 | padding: 10px 0 0; 45 | color: white; 46 | font-family: Roboto; 47 | text-align: center; 48 | } 49 | #call { 50 | display: none; 51 | margin-bottom: 100px; 52 | 53 | #hangup { 54 | display: none; 55 | background: #E4371D; 56 | border: none; 57 | color: white; 58 | margin-bottom: 15px; 59 | padding: 5px 15px; 60 | font-size: 14px; 61 | -webkit-border-radius: 4px; 62 | -moz-border-radius: 4px; 63 | border-radius: 4px; 64 | cursor: pointer; 65 | outline: none; 66 | -webkit-transition: all 0.10s linear; 67 | -moz-transition: all 0.10s linear; 68 | transition: all 0.10s linear; 69 | 70 | &:hover { 71 | background: #C9311a; 72 | } 73 | } 74 | 75 | #local-container { 76 | text-align: right; 77 | 78 | video { 79 | height: 150px; 80 | } 81 | } 82 | 83 | #remote-container { 84 | video { 85 | height: 300px; 86 | } 87 | } 88 | } 89 | } -------------------------------------------------------------------------------- /ua_reg_apizee/css/ua_reg_apizee.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; } 6 | #container h2 { 7 | margin: 60px 0; 8 | color: white; 9 | font-family: Roboto; 10 | font-weight: 300; 11 | font-size: 40px; } 12 | #container #status { 13 | margin: 60px 0; 14 | color: red; 15 | font-family: Roboto; 16 | } 17 | #container video { 18 | background: black; } 19 | #container button { 20 | background: #1797DE; 21 | border: 3px solid #1e1e1e; 22 | height: 38px; 23 | padding: 4px 30px; 24 | margin-left: -30px; 25 | color: #ffffff; 26 | font-size: 14px; 27 | font-family: Roboto; 28 | text-transform: uppercase; 29 | -webkit-border-radius: 20px; 30 | -moz-border-radius: 20px; 31 | border-radius: 20px; 32 | -webkit-transition: background 0.10s linear; 33 | -moz-transition: background 0.10s linear; 34 | transition: background 0.10s linear; 35 | cursor: pointer; 36 | outline: none; } 37 | #container button:hover { 38 | background: #1581C8; } 39 | #container #my-number { 40 | width: 100%; 41 | padding: 10px 0 0; 42 | color: white; 43 | font-family: Roboto; 44 | text-align: center; } 45 | #container #text { 46 | width: 100%; 47 | padding: 10px 0 0; 48 | color: white; 49 | font-family: Roboto; 50 | text-align: center; 51 | margin: 30px 0; 52 | } 53 | #container [type="text"] { 54 | border: none; 55 | height: 30px; 56 | width: 140px; 57 | padding: 4px 40px 4px 20px; 58 | font-size: 14px; 59 | font-family: Roboto; 60 | -webkit-border-radius: 20px; 61 | -moz-border-radius: 20px; 62 | border-radius: 20px; 63 | outline: none; } 64 | #container #call { 65 | display: none; 66 | margin-bottom: 100px; } 67 | #container #call #hangup { 68 | display: none; 69 | background: #E4371D; 70 | border: none; 71 | color: white; 72 | margin-bottom: 15px; 73 | padding: 5px 15px; 74 | font-size: 14px; 75 | -webkit-border-radius: 4px; 76 | -moz-border-radius: 4px; 77 | border-radius: 4px; 78 | cursor: pointer; 79 | outline: none; 80 | -webkit-transition: all 0.10s linear; 81 | -moz-transition: all 0.10s linear; 82 | transition: all 0.10s linear; } 83 | #container #call #hangup:hover { 84 | background: #C9311a; } 85 | #container #call #local-container { 86 | text-align: right; } 87 | #container #call #local-container video { 88 | height: 150px; } 89 | #container #call #remote-container video { 90 | height: 300px; } 91 | 92 | /*# sourceMappingURL=peertopeer-basic.css.map */ 93 | -------------------------------------------------------------------------------- /ua_reg_apizee/css/ua_reg_apizee.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,gBAAM;IACF,UAAU,EAAE,KAAK;EAGrB,sBAAY;IACR,OAAO,EAAE,YAAY;IAErB,oCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,6BAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,mCAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,iCAAW;MACP,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,QAAQ;MACjB,KAAK,EAAE,KAAK;MACZ,WAAW,EAAE,MAAM;MACnB,UAAU,EAAE,MAAM;EAI1B,gBAAM;IACF,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,wBAAQ;MACJ,OAAO,EAAE,IAAI;MACb,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,QAAQ;MACjB,SAAS,EAAE,IAAI;MACf,qBAAqB,EAAE,GAAG;MAC1B,kBAAkB,EAAE,GAAG;MACvB,aAAa,EAAE,GAAG;MAClB,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MACb,kBAAkB,EAAE,gBAAgB;MACpC,eAAe,EAAE,gBAAgB;MACjC,UAAU,EAAE,gBAAgB;MAE5B,8BAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,iCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,uCAAM;QACF,MAAM,EAAE,KAAK;IAKjB,wCAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/peertopeer-basic.scss"], 5 | "names": [], 6 | "file": "peertopeer-basic.css" 7 | } -------------------------------------------------------------------------------- /ua_reg_apizee/js/ua_reg_apizee.js: -------------------------------------------------------------------------------- 1 | $(function() { 2 | //'use strict'; 3 | var connectedSession = null; 4 | var ua = null; 5 | 6 | apiRTC.setLogLevel(10); 7 | 8 | //============================== 9 | // CREATE USER AGENT 10 | //============================== 11 | 12 | $('#createUA').on('click', function() { 13 | console.log('createUA'); 14 | 15 | // Get login 16 | var login = document.getElementById('login').value; 17 | console.log('login :', login); 18 | 19 | if (ua) { 20 | delete ua; 21 | } 22 | //LOGIN 23 | ua = new apiRTC.UserAgent({ 24 | uri: login 25 | }); 26 | 27 | }); 28 | 29 | $('#register').on('click', function() { 30 | console.log('register'); 31 | 32 | if (!ua) { 33 | console.log('UA is not created'); 34 | return; 35 | } 36 | 37 | // Get password 38 | var password = document.getElementById('password').value; 39 | console.log('password :', password); 40 | 41 | //============================== 42 | // REGISTER 43 | //============================== 44 | 45 | var registerInformation = {}; 46 | registerInformation.cloudFetchRetries = 3; 47 | registerInformation.cloudFetchRetryDelay = 2000; 48 | //PASSWORD 49 | registerInformation.password = password; 50 | 51 | ua.register(registerInformation).then(function(session) { 52 | // Save session 53 | connectedSession = session; 54 | 55 | // Display user number 56 | document.getElementById('my-number').innerHTML = 'Your number is ' + connectedSession.id; 57 | }).catch(function(error) { 58 | // error 59 | console.error('User agent registration failed', error); 60 | }); 61 | }); 62 | 63 | $('#unregister').on('click', function() { 64 | console.log('unregister'); 65 | 66 | if (!ua) { 67 | console.log('UA is not created'); 68 | return; 69 | } 70 | 71 | ua.unregister(); 72 | document.getElementById('my-number').innerHTML = ''; 73 | }); 74 | }); -------------------------------------------------------------------------------- /ua_reg_apizee/sass/ua_reg_apizee.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | video { 16 | background: black; 17 | } 18 | 19 | button { 20 | background: #1797DE; 21 | border: 3px solid rgba(30, 30, 30, 1); 22 | height: 38px; 23 | padding: 4px 30px; 24 | margin-left: -30px; 25 | color: #ffffff; 26 | font-size: 14px; 27 | font-family: Roboto; 28 | text-transform: uppercase; 29 | -webkit-border-radius: 20px; 30 | -moz-border-radius: 20px; 31 | border-radius: 20px; 32 | -webkit-transition: background 0.10s linear; 33 | -moz-transition: background 0.10s linear; 34 | transition: background 0.10s linear; 35 | cursor: pointer; 36 | outline: none; 37 | 38 | &:hover { 39 | background: #1581C8; 40 | } 41 | } 42 | #my-number { 43 | width: 100%; 44 | padding: 10px 0 0; 45 | color: white; 46 | font-family: Roboto; 47 | text-align: center; 48 | } 49 | #call { 50 | display: none; 51 | margin-bottom: 100px; 52 | 53 | #hangup { 54 | display: none; 55 | background: #E4371D; 56 | border: none; 57 | color: white; 58 | margin-bottom: 15px; 59 | padding: 5px 15px; 60 | font-size: 14px; 61 | -webkit-border-radius: 4px; 62 | -moz-border-radius: 4px; 63 | border-radius: 4px; 64 | cursor: pointer; 65 | outline: none; 66 | -webkit-transition: all 0.10s linear; 67 | -moz-transition: all 0.10s linear; 68 | transition: all 0.10s linear; 69 | 70 | &:hover { 71 | background: #C9311a; 72 | } 73 | } 74 | 75 | #local-container { 76 | text-align: right; 77 | 78 | video { 79 | height: 150px; 80 | } 81 | } 82 | 83 | #remote-container { 84 | video { 85 | height: 300px; 86 | } 87 | } 88 | } 89 | } -------------------------------------------------------------------------------- /whiteboard_conversationSpace/css/whiteboard.css: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | color: white; 7 | } 8 | #container h2 { 9 | margin: 60px 0; 10 | color: white; 11 | font-family: Roboto; 12 | font-weight: 300; 13 | font-size: 40px; } 14 | #container #status { 15 | margin: 60px 0; 16 | color: red; 17 | font-family: Roboto; 18 | } 19 | #container video { 20 | background: black; 21 | } 22 | #container #start-call { 23 | display: inline-block; 24 | } 25 | #container #start-call [type="text"] { 26 | border: none; 27 | height: 30px; 28 | width: 220px; 29 | padding: 4px 40px 4px 20px; 30 | font-size: 14px; 31 | font-family: Roboto; 32 | -webkit-border-radius: 20px; 33 | -moz-border-radius: 20px; 34 | border-radius: 20px; 35 | outline: none; 36 | } 37 | #container button { 38 | background: #1797DE; 39 | border: 3px solid #1e1e1e; 40 | height: 38px; 41 | padding: 4px 30px; 42 | margin-left: -30px; 43 | color: #ffffff; 44 | font-size: 14px; 45 | font-family: Roboto; 46 | text-transform: uppercase; 47 | -webkit-border-radius: 20px; 48 | -moz-border-radius: 20px; 49 | border-radius: 20px; 50 | -webkit-transition: background 0.10s linear; 51 | -moz-transition: background 0.10s linear; 52 | transition: background 0.10s linear; 53 | cursor: pointer; 54 | outline: none; 55 | } 56 | #container button:hover { 57 | background: #1581C8; 58 | } 59 | #container #start-call #my-number { 60 | width: 100%; 61 | padding: 10px 0 0; 62 | color: white; 63 | font-family: Roboto; 64 | text-align: center; 65 | } 66 | #container #call { 67 | display: none; 68 | margin-bottom: 100px; 69 | } 70 | #container #call #hangup { 71 | display: none; 72 | background: #E4371D; 73 | border: none; 74 | color: white; 75 | margin-bottom: 15px; 76 | padding: 5px 15px; 77 | font-size: 14px; 78 | -webkit-border-radius: 4px; 79 | -moz-border-radius: 4px; 80 | border-radius: 4px; 81 | cursor: pointer; 82 | outline: none; 83 | -webkit-transition: all 0.10s linear; 84 | -moz-transition: all 0.10s linear; 85 | transition: all 0.10s linear; 86 | } 87 | 88 | .ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable { 89 | background:white !important 90 | }​ 91 | 92 | #container #call #hangup:hover { 93 | background: #C9311a; 94 | } 95 | #container #call #local-container { 96 | text-align: right; 97 | } 98 | #container #call #local-container video { 99 | height: 150px; 100 | } 101 | #container #call #remote-container video { 102 | height: 300px; 103 | } 104 | #container #onlineWhiteboard { 105 | display: none; 106 | margin-bottom: 100px; 107 | } 108 | #container #whiteboardFct { 109 | display: none; 110 | margin-bottom: 100px; 111 | } 112 | #invitationDialog { 113 | display: none; 114 | background: white 115 | } 116 | #container #contactList{ 117 | position:relative; 118 | display: inline-block; 119 | color: white; 120 | } 121 | /*# sourceMappingURL=whiteboard.css.map */ 122 | -------------------------------------------------------------------------------- /whiteboard_conversationSpace/css/whiteboard.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,UAAW;EACP,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,KAAK;EACpB,UAAU,EAAE,MAAM;EAElB,aAAG;IACC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;EAGnB,gBAAM;IACF,UAAU,EAAE,KAAK;EAGrB,sBAAY;IACR,OAAO,EAAE,YAAY;IAErB,oCAAc;MACV,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,OAAO,EAAE,iBAAiB;MAC1B,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,IAAI;IAGjB,6BAAO;MACH,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,iBAA6B;MACrC,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,SAAS;MACzB,qBAAqB,EAAE,IAAI;MAC3B,kBAAkB,EAAE,IAAI;MACxB,aAAa,EAAE,IAAI;MACnB,kBAAkB,EAAE,uBAAuB;MAC3C,eAAe,EAAE,uBAAuB;MACxC,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MAEb,mCAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,iCAAW;MACP,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,QAAQ;MACjB,KAAK,EAAE,KAAK;MACZ,WAAW,EAAE,MAAM;MACnB,UAAU,EAAE,MAAM;EAI1B,gBAAM;IACF,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,KAAK;IAEpB,wBAAQ;MACJ,OAAO,EAAE,IAAI;MACb,UAAU,EAAE,OAAO;MACnB,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,KAAK;MACZ,aAAa,EAAE,IAAI;MACnB,OAAO,EAAE,QAAQ;MACjB,SAAS,EAAE,IAAI;MACf,qBAAqB,EAAE,GAAG;MAC1B,kBAAkB,EAAE,GAAG;MACvB,aAAa,EAAE,GAAG;MAClB,MAAM,EAAE,OAAO;MACf,OAAO,EAAE,IAAI;MACb,kBAAkB,EAAE,gBAAgB;MACpC,eAAe,EAAE,gBAAgB;MACjC,UAAU,EAAE,gBAAgB;MAE5B,8BAAQ;QACJ,UAAU,EAAE,OAAO;IAI3B,iCAAiB;MACb,UAAU,EAAE,KAAK;MAEjB,uCAAM;QACF,MAAM,EAAE,KAAK;IAKjB,wCAAM;MACF,MAAM,EAAE,KAAK", 4 | "sources": ["../sass/whiteboard.scss"], 5 | "names": [], 6 | "file": "whiteboard.css" 7 | } -------------------------------------------------------------------------------- /whiteboard_conversationSpace/img/1227m.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/whiteboard_conversationSpace/img/1227m.gif -------------------------------------------------------------------------------- /whiteboard_conversationSpace/img/base.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/whiteboard_conversationSpace/img/base.png -------------------------------------------------------------------------------- /whiteboard_conversationSpace/img/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/whiteboard_conversationSpace/img/bg.png -------------------------------------------------------------------------------- /whiteboard_conversationSpace/img/capture.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/whiteboard_conversationSpace/img/capture.png -------------------------------------------------------------------------------- /whiteboard_conversationSpace/img/pointer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/whiteboard_conversationSpace/img/pointer.png -------------------------------------------------------------------------------- /whiteboard_conversationSpace/img/template2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/whiteboard_conversationSpace/img/template2.gif -------------------------------------------------------------------------------- /whiteboard_conversationSpace/img/tracey_grid-(2)-755797.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/whiteboard_conversationSpace/img/tracey_grid-(2)-755797.jpg -------------------------------------------------------------------------------- /whiteboard_conversationSpace/lib/images/ui-icons_444444_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/whiteboard_conversationSpace/lib/images/ui-icons_444444_256x240.png -------------------------------------------------------------------------------- /whiteboard_conversationSpace/lib/images/ui-icons_555555_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/whiteboard_conversationSpace/lib/images/ui-icons_555555_256x240.png -------------------------------------------------------------------------------- /whiteboard_conversationSpace/lib/images/ui-icons_777620_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/whiteboard_conversationSpace/lib/images/ui-icons_777620_256x240.png -------------------------------------------------------------------------------- /whiteboard_conversationSpace/lib/images/ui-icons_777777_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/whiteboard_conversationSpace/lib/images/ui-icons_777777_256x240.png -------------------------------------------------------------------------------- /whiteboard_conversationSpace/lib/images/ui-icons_cc0000_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/whiteboard_conversationSpace/lib/images/ui-icons_cc0000_256x240.png -------------------------------------------------------------------------------- /whiteboard_conversationSpace/lib/images/ui-icons_ffffff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ApiRTC/ApiRTC-examples/11ec2d32dd286c2dc40fe06d5cedf1c901af467e/whiteboard_conversationSpace/lib/images/ui-icons_ffffff_256x240.png -------------------------------------------------------------------------------- /whiteboard_conversationSpace/sass/whiteboard.scss: -------------------------------------------------------------------------------- 1 | #container { 2 | width: 100%; 3 | min-height: calc(100% - 44px); 4 | margin-bottom: -28px; 5 | text-align: center; 6 | 7 | h2 { 8 | margin: 60px 0; 9 | color: white; 10 | font-family: Roboto; 11 | font-weight: 300; 12 | font-size: 40px; 13 | } 14 | 15 | video { 16 | background: black; 17 | } 18 | 19 | #start-call { 20 | display: inline-block; 21 | 22 | [type="text"] { 23 | border: none; 24 | height: 30px; 25 | width: 220px; 26 | padding: 4px 40px 4px 20px; 27 | font-size: 14px; 28 | font-family: Roboto; 29 | -webkit-border-radius: 20px; 30 | -moz-border-radius: 20px; 31 | border-radius: 20px; 32 | outline: none; 33 | } 34 | 35 | button { 36 | background: #1797DE; 37 | border: 3px solid rgba(30, 30, 30, 1); 38 | height: 38px; 39 | padding: 4px 30px; 40 | margin-left: -30px; 41 | color: #ffffff; 42 | font-size: 14px; 43 | font-family: Roboto; 44 | text-transform: uppercase; 45 | -webkit-border-radius: 20px; 46 | -moz-border-radius: 20px; 47 | border-radius: 20px; 48 | -webkit-transition: background 0.10s linear; 49 | -moz-transition: background 0.10s linear; 50 | transition: background 0.10s linear; 51 | cursor: pointer; 52 | outline: none; 53 | 54 | &:hover { 55 | background: #1581C8; 56 | } 57 | } 58 | 59 | #my-number { 60 | width: 100%; 61 | padding: 10px 0 0; 62 | color: white; 63 | font-family: Roboto; 64 | text-align: center; 65 | } 66 | } 67 | 68 | #call { 69 | display: none; 70 | margin-bottom: 100px; 71 | 72 | #hangup { 73 | display: none; 74 | background: #E4371D; 75 | border: none; 76 | color: white; 77 | margin-bottom: 15px; 78 | padding: 5px 15px; 79 | font-size: 14px; 80 | -webkit-border-radius: 4px; 81 | -moz-border-radius: 4px; 82 | border-radius: 4px; 83 | cursor: pointer; 84 | outline: none; 85 | -webkit-transition: all 0.10s linear; 86 | -moz-transition: all 0.10s linear; 87 | transition: all 0.10s linear; 88 | 89 | &:hover { 90 | background: #C9311a; 91 | } 92 | } 93 | 94 | #local-container { 95 | text-align: right; 96 | 97 | video { 98 | height: 150px; 99 | } 100 | } 101 | 102 | #remote-container { 103 | video { 104 | height: 300px; 105 | } 106 | } 107 | } 108 | } --------------------------------------------------------------------------------