├── README.md ├── barebones ├── css │ └── style.css ├── img │ ├── logo.png │ ├── logo_big.png │ └── logo_med.png ├── index.html └── js │ ├── phone.js │ └── sip-0.5.0.js ├── demo-phone ├── css │ └── style.css ├── img │ ├── logo.png │ ├── logo_big.png │ └── logo_med.png ├── index.html └── js │ ├── sip-0.5.0.js │ └── ua.js ├── instacall ├── README.md ├── css │ ├── button.css │ ├── help-overlay.css │ ├── layout.css │ ├── main.css │ ├── normalize.css │ ├── onsipbutton.css │ ├── sidebar.css │ ├── theme.css │ ├── theme │ │ ├── flat-light.css │ │ └── skeu-light.css │ └── vendor │ │ └── jquery-ui-1.10.3.custom.css ├── favicon.ico ├── img │ ├── call_audio.png │ ├── call_video.png │ ├── instacall_chrome_allow_icon.png │ ├── instacall_firefox_share_icon.png │ ├── no-video.png │ ├── nodevices │ │ ├── no_camera_icon.png │ │ ├── no_mic_icon.png │ │ ├── okay_camera_icon.png │ │ └── okay_microphone_icon.png │ ├── onsip_white.png │ ├── sprite │ │ ├── mute-s32d676cfb8.png │ │ └── video-s93a39489c6.png │ ├── video-large.png │ ├── video-small.png │ ├── volume.png │ ├── white-phone-icon.png │ ├── white-video-icon.png │ ├── x-000000.png │ └── x-666666.png ├── index.html ├── js │ ├── detect-silence.js │ ├── detect-video-freeze.js │ ├── help-overlay.js │ ├── media-stream.js │ ├── parse-query.js │ ├── popup.js │ ├── preview.js │ ├── support.js │ ├── ua.js │ └── vendor │ │ ├── modernizr-2.6.2.min.js │ │ ├── sip-devel.js │ │ └── yepnope.1.5.4-min.js ├── phone.html └── wav │ └── ringback.wav └── siproulette ├── css └── style.css ├── index.html └── js ├── script.js └── sip-0.5.0.js /README.md: -------------------------------------------------------------------------------- 1 | Note: These sample applications are outdated, please see https://gitlab.com/onsip/sipjs.com/tree/master/static/demo-phone. You can see this live at https://sipjs.com/demo-phone. 2 | 3 | Sample applications using [SIP.js](sipjs.com) 4 | -------------------------------------------------------------------------------- /barebones/css/style.css: -------------------------------------------------------------------------------- 1 | h1 { 2 | display: block; 3 | text-align: center; 4 | } 5 | 6 | body { 7 | background: #f5f7f7; 8 | font-family: sans-serif; 9 | } 10 | 11 | #target { 12 | width: 25em; 13 | } 14 | 15 | #hangup { 16 | background-color: red; 17 | } 18 | 19 | .call-control { 20 | height: 3em; 21 | } 22 | 23 | #dtmf-buttons button { 24 | display: inline-block; 25 | margin: 1em 0 0 0; 26 | height: 3.8em; 27 | width: 3.8em; 28 | background-color: white; 29 | border: 1px solid black; 30 | border-radius: 2px; 31 | font-size: 1em; 32 | } 33 | 34 | input { 35 | border-radius: 2px; 36 | border: 0px; 37 | height: 3em; 38 | } 39 | 40 | input[type=submit] { 41 | background-color: #35f659; 42 | border: 0px; 43 | } 44 | 45 | input[type=checkbox] { 46 | height: auto; 47 | } 48 | 49 | #chat-box { 50 | position: relative; 51 | border-radius: 2px; 52 | border: 1px solid black; 53 | width: 50em; 54 | height: 40em; 55 | } 56 | 57 | #message-input { 58 | width: 100%; 59 | position: absolute; 60 | bottom: 1em; 61 | border-top: 1px solid black; 62 | padding-top: 1em; 63 | } 64 | 65 | #message, #message-submit { 66 | display: inline-block; 67 | margin: 0px 0px 0px 0px; 68 | padding: 1px 1px 1px 1px; 69 | } 70 | 71 | #message { 72 | width: 80%; 73 | margin-left: 5em; 74 | border-top-right-radius: 0px; 75 | border-bottom-right-radius: 0px; 76 | } 77 | 78 | #message-submit { 79 | margin-left: -4px; 80 | border-top-left-radius: 0px; 81 | border-bottom-left-radius: 0px; 82 | padding-left: 5px; 83 | padding-right: 5px; 84 | } 85 | 86 | #log-container { 87 | height: 35em; 88 | overflow: scroll; 89 | } 90 | 91 | #remote-media { 92 | border-radius: 2px; 93 | border: 1px black solid; 94 | } -------------------------------------------------------------------------------- /barebones/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onsip/sipjs-examples/adb0e4f39cc127b5d5f98900a0bb16330131c6d0/barebones/img/logo.png -------------------------------------------------------------------------------- /barebones/img/logo_big.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onsip/sipjs-examples/adb0e4f39cc127b5d5f98900a0bb16330131c6d0/barebones/img/logo_big.png -------------------------------------------------------------------------------- /barebones/img/logo_med.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onsip/sipjs-examples/adb0e4f39cc127b5d5f98900a0bb16330131c6d0/barebones/img/logo_med.png -------------------------------------------------------------------------------- /barebones/index.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |Remote Video:
18 | 19 | 20 | 21 | 35 | 36 | 37 |Chat:
38 |