[mirotalk] - improvements + add Hetzner new sponsor!

This commit is contained in:
Miroslav Pejic
2022-06-13 09:38:39 +02:00
parent 3485504bb9
commit aaf5a60432
14 changed files with 195 additions and 16 deletions
+38 -11
View File
@@ -5,13 +5,13 @@
<hr />
<p align="center">
<a href="https://mirotalk.herokuapp.com">mirotalk.herokuapp.com</a>
<a href="https://p2p.mirotalk.com">p2p.mirotalk.com</a>
</p>
<hr />
<p align="center">
<a href="https://mirotalk.herokuapp.com"><img src="public/images/mirotalk-header.gif"></a>
<a href="https://p2p.mirotalk.com"><img src="public/images/mirotalk-header.gif"></a>
</p>
<hr />
@@ -63,7 +63,9 @@
<br/>
- `Open` https://mirotalk.up.railway.app/newcall or https://mirotalk.herokuapp.com/newcall
- `Open` https://p2p.mirotalk.com/newcall or
- https://mirotalk.up.railway.app/newcall or
- https://mirotalk.herokuapp.com/newcall
- `Pick` your Room name and Join
- `Allow` using the camera and microphone
- `Share` the Room URL and Wait for someone to join for the video conference
@@ -76,6 +78,7 @@
<br/>
- You can `join` directly to `room` by going to:
- https://p2p.mirotalk.com/join?room=test&name=mirotalk&audio=0&video=0&screen=0&notify=0
- https://mirotalk.up.railway.app/join?room=test&name=mirotalk&audio=0&video=0&screen=0&notify=0
- https://mirotalk.herokuapp.com/join?room=test&name=mirotalk&audio=0&video=0&screen=0&notify=0
@@ -180,6 +183,7 @@ You can start videoconferencing directly from your Local PC, and be reachable fr
```bash
# The response will give you a entrypoint / Room URL for your meeting, where authorization: API_KEY_SECRET.
$ curl -X POST "http://localhost:3000/api/v1/meeting" -H "authorization: mirotalk_default_secret" -H "Content-Type: application/json"
$ curl -X POST "https://p2p.mirotalk.com/api/v1/meeting" -H "authorization: mirotalk_default_secret" -H "Content-Type: application/json"
$ curl -X POST "https://mirotalk.up.railway.app/api/v1/meeting" -H "authorization: mirotalk_default_secret" -H "Content-Type: application/json"
$ curl -X POST "https://mirotalk.herokuapp.com/api/v1/meeting" -H "authorization: mirotalk_default_secret" -H "Content-Type: application/json"
```
@@ -190,24 +194,45 @@ The API documentation uses [swagger](https://swagger.io/) at http://localhost:30
</details>
<details>
<summary>Other Live Demos</summary>
<details open>
<summary>Hetzner</summary>
<br/>
<a target="_blank" href="https://railway.app/new/template/mirotalk?referralCode=mirotalk"><img src="https://railway.app/button.svg" style="width: 220px;"></a>
[![Hetzner](public/sponsors/Hetzner.png)](https://www.hetzner.com)
https://mirotalk.up.railway.app/
This application is running for `demonstration purposes` on [Hetzner](https://www.hetzner.com/), one of `the best` [cloud providers](https://www.hetzner.com/cloud) and [dedicated root servers](https://www.hetzner.com/dedicated-rootserver).
[![railway-qr](public/images/mirotalk-railway-qr.png)](https://mirotalk.up.railway.app/)
If you need help to deploy `MiroTalk P2P` instance on `your dedicated cloud server`, or for other needs, don't hesitate to contact us at p2p.mirotalk@gmail.com
</details>
<details>
<summary>Live Demos</summary>
<br/>
<a target="_blank" href="https://p2p.mirotalk.com"><img src="public/sponsors/Hetzner.png" style="width: 220px;"></a>
https://p2p.mirotalk.com
[![hetzner-qr](public/images/mirotalk-hetzner-qr.png)](https://p2p.mirotalk.com)
<br>
<a target="_blank" href="https://www.heroku.com/"><img src="https://www.herokucdn.com/deploy/button.svg" style="width: 220px;"></a>
<a target="_blank" href="https://railway.app/new/template/mirotalk?referralCode=mirotalk"><img src="https://railway.app/button.svg" style="width: 220px;"></a>
https://mirotalk.herokuapp.com/
https://mirotalk.up.railway.app
[![heroku-qr](public/images/mirotalk-heroku-qr.png)](https://mirotalk.herokuapp.com/)
[![railway-qr](public/images/mirotalk-railway-qr.png)](https://mirotalk.up.railway.app)
<br>
<a href="https://heroku.com/deploy?template=https://github.com/miroslavpejic85/mirotalk"><img src="https://www.herokucdn.com/deploy/button.svg" style="width: 220px;" alt="Heroku Deploy"></a>
https://mirotalk.herokuapp.com
[![heroku-qr](public/images/mirotalk-heroku-qr.png)](https://mirotalk.herokuapp.com)
If you want to deploy a MiroTalk P2P instance on your dedicated server, or for other needs, don't hesitate to contact us at p2p.mirotalk@gmail.com.
@@ -265,6 +290,8 @@ Support this project by [becoming a sponsor](https://github.com/sponsors/mirosla
[![BroadcastX](public/sponsors/BroadcastX.png)](https://broadcastx.de/)
[![Hetzner](public/sponsors/Hetzner.png)](https://www.hetzner.com)
</details>
<br>
+1 -1
View File
@@ -18,7 +18,7 @@ python meeting.py
## Embed a meeting
Embedding a meeting into a `service` or `app` requires using an `iframe` with the `src` attribute specified as the `meeting` from `HTTP response`.
Embedding a meeting into a `service` or `app` requires using an `iframe` with the `src` attribute specified as the `meeting` from `HTTP response`. Change the iframe `src` with your own instance of MiroTalk.
```html
<iframe
+2 -1
View File
@@ -1,7 +1,8 @@
const fetch = require('node-fetch');
const API_KEY = 'mirotalk_default_secret';
// const MIROTALK_URL = "http://localhost:3000/api/v1/meeting";
// const MIROTALK_URL = 'http://localhost:3000/api/v1/meeting';
// const MIROTALK_URL = 'https://p2p.mirotalk.com/api/v1/meeting';
// const MIROTALK_URL = 'https://mirotalk.up.railway.app/api/v1/meeting';
const MIROTALK_URL = 'https://mirotalk.herokuapp.com/api/v1/meeting';
+1
View File
@@ -2,6 +2,7 @@
$API_KEY = "mirotalk_default_secret";
// $MIROTALK_URL = "http://localhost:3000/api/v1/meeting";
// $MIROTALK_URL = "https://p2p.mirotalk.com/api/v1/meeting";
// $MIROTALK_URL = "https://mirotalk.up.railway.app/api/v1/meeting";
$MIROTALK_URL = "https://mirotalk.herokuapp.com/api/v1/meeting";
+1
View File
@@ -3,6 +3,7 @@ import json
API_KEY = "mirotalk_default_secret"
# MIROTALK_URL = "http://localhost:3000/api/v1/meeting"
# MIROTALK_URL = "https://p2p.mirotalk.com/api/v1/meeting";
# MIROTALK_URL = "https://mirotalk.up.railway.app/api/v1/meeting"
MIROTALK_URL = "https://mirotalk.herokuapp.com/api/v1/meeting"
+3 -2
View File
@@ -2,8 +2,9 @@
API_KEY="mirotalk_default_secret"
# MIROTALK_URL="http://localhost:3000/api/v1/meeting"
# MIROTALK_URL=https://mirotalk.up.railway.app/api/v1/meeting
MIROTALK_URL=https://mirotalk.herokuapp.com/api/v1/meeting
# MIROTALK_URL="https://p2p.mirotalk.com/api/v1/meeting"
# MIROTALK_URL="https://mirotalk.up.railway.app/api/v1/meeting"
MIROTALK_URL="https://mirotalk.herokuapp.com/api/v1/meeting"
curl $MIROTALK_URL \
--header "authorization: $API_KEY" \
Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

+24
View File
@@ -173,6 +173,28 @@
</svg>
</a>
</li>
<li>
<a
class="github-button"
href="https://github.com/sponsors/miroslavpejic85"
data-color-scheme="no-preference: light; light: light; dark: dark;"
data-icon="octicon-heart"
data-size="large"
aria-label="Sponsor @miroslavpejic85 on GitHub"
>Sponsor</a
>
</li>
<li>
<a
class="github-button"
href="https://github.com/miroslavpejic85/mirotalk"
data-color-scheme="no-preference: light; light: light; dark: dark;"
data-size="large"
data-show-count="true"
aria-label="Star miroslavpejic85/mirotalk on GitHub"
>Star</a
>
</li>
</ul>
</div>
</div>
@@ -198,6 +220,8 @@
</div>
</footer>
</div>
<script defer src="../js/landing.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>
+23
View File
@@ -154,6 +154,28 @@
</svg>
</a>
</li>
<li>
<a
class="github-button"
href="https://github.com/sponsors/miroslavpejic85"
data-color-scheme="no-preference: light; light: light; dark: dark;"
data-icon="octicon-heart"
data-size="large"
aria-label="Sponsor @miroslavpejic85 on GitHub"
>Sponsor</a
>
</li>
<li>
<a
class="github-button"
href="https://github.com/miroslavpejic85/mirotalk"
data-color-scheme="no-preference: light; light: light; dark: dark;"
data-size="large"
data-show-count="true"
aria-label="Star miroslavpejic85/mirotalk on GitHub"
>Star</a
>
</li>
</ul>
</div>
</div>
@@ -177,5 +199,6 @@
</footer>
<script defer src="../js/landing.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>
+30 -1
View File
@@ -130,7 +130,7 @@
</div>
</section>
<section class="clients section reveal-fade">
<section class="clients section">
<div class="container">
<div class="clients-inner section-inner has-top-divider has-bottom-divider">
<h2 style="text-align: center">Our sponsors</h2>
@@ -140,6 +140,11 @@
><img src="../sponsors/BroadcastX.png" alt="BroadcastX"
/></a>
</li>
<li class="reveal-from-top">
<a href="https://www.hetzner.com" target="_blank"
><img src="../sponsors/Hetzner.png" alt="Hetzner"
/></a>
</li>
</ul>
</div>
</div>
@@ -511,6 +516,29 @@
</svg>
</a>
</li>
<li>
<!-- https://buttons.github.io/ -->
<a
class="github-button"
href="https://github.com/sponsors/miroslavpejic85"
data-color-scheme="no-preference: light; light: light; dark: dark;"
data-icon="octicon-heart"
data-size="large"
aria-label="Sponsor @miroslavpejic85 on GitHub"
>Sponsor</a
>
</li>
<li>
<a
class="github-button"
href="https://github.com/miroslavpejic85/mirotalk"
data-color-scheme="no-preference: light; light: light; dark: dark;"
data-size="large"
data-show-count="true"
aria-label="Star miroslavpejic85/mirotalk on GitHub"
>Star</a
>
</li>
</ul>
</div>
</div>
@@ -539,5 +567,6 @@
<script defer src="../js/landing.js"></script>
<script defer src="../js/newRoom.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>
+24
View File
@@ -203,6 +203,28 @@
</svg>
</a>
</li>
<li>
<a
class="github-button"
href="https://github.com/sponsors/miroslavpejic85"
data-color-scheme="no-preference: light; light: light; dark: dark;"
data-icon="octicon-heart"
data-size="large"
aria-label="Sponsor @miroslavpejic85 on GitHub"
>Sponsor</a
>
</li>
<li>
<a
class="github-button"
href="https://github.com/miroslavpejic85/mirotalk"
data-color-scheme="no-preference: light; light: light; dark: dark;"
data-size="large"
data-show-count="true"
aria-label="Star miroslavpejic85/mirotalk on GitHub"
>Star</a
>
</li>
</ul>
</div>
</div>
@@ -228,7 +250,9 @@
</div>
</footer>
</div>
<script defer src="../js/landing.js"></script>
<script defer src="../js/newRoom.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>
+24
View File
@@ -184,6 +184,28 @@
</svg>
</a>
</li>
<li>
<a
class="github-button"
href="https://github.com/sponsors/miroslavpejic85"
data-color-scheme="no-preference: light; light: light; dark: dark;"
data-icon="octicon-heart"
data-size="large"
aria-label="Sponsor @miroslavpejic85 on GitHub"
>Sponsor</a
>
</li>
<li>
<a
class="github-button"
href="https://github.com/miroslavpejic85/mirotalk"
data-color-scheme="no-preference: light; light: light; dark: dark;"
data-size="large"
data-show-count="true"
aria-label="Star miroslavpejic85/mirotalk on GitHub"
>Star</a
>
</li>
</ul>
</div>
</div>
@@ -209,6 +231,8 @@
</div>
</footer>
</div>
<script defer src="../js/landing.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>
+24
View File
@@ -224,6 +224,28 @@
</svg>
</a>
</li>
<li>
<a
class="github-button"
href="https://github.com/sponsors/miroslavpejic85"
data-color-scheme="no-preference: light; light: light; dark: dark;"
data-icon="octicon-heart"
data-size="large"
aria-label="Sponsor @miroslavpejic85 on GitHub"
>Sponsor</a
>
</li>
<li>
<a
class="github-button"
href="https://github.com/miroslavpejic85/mirotalk"
data-color-scheme="no-preference: light; light: light; dark: dark;"
data-size="large"
data-show-count="true"
aria-label="Star miroslavpejic85/mirotalk on GitHub"
>Star</a
>
</li>
</ul>
</div>
</div>
@@ -246,6 +268,8 @@
</div>
</footer>
</div>
<script defer src="../js/landing.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>