logo

Live Production Software Forums

www.vmix.com

Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error
Google Sites Vmix Call iFrame - Remote Presenter Custom UI
Options
Go to last post Go to first unread
Previous Topic Next Topic
carlito  
#1 Posted : Wednesday, August 19, 2020 12:55:54 AM(UTC)
carlito

Rank: Newbie

Groups: Registered
Joined: 7/12/2020(UTC)
Posts: 2
Jamaica
Hi all. I wanted to create a solution where a remote presenter can click through their slide using internet clicker and then simple have the vmix call UI and the buttons on one page. Once I embed the vmix call page however I cannot get camera or mic access in any browser. Seems the embedded site needs to explicit allow. Anyone knows of a way to get this setup?


Screenshot
Back to top

Wanna join the discussion?! Login to your vMix Forums forum account, or Register a new forum account.
Back to top  
simond83  
#2 Posted : Wednesday, August 19, 2020 12:15:45 PM(UTC)
simond83

Rank: Advanced Member

Groups: Registered
Joined: 5/25/2020(UTC)
Posts: 31

Was thanked: 1 time(s) in 1 post(s)
Back to top
tsioukas  
#3 Posted : Monday, August 24, 2020 6:00:11 PM(UTC)
tsioukas

Rank: Advanced Member

Groups: Registered
Joined: 7/10/2020(UTC)
Posts: 34
Man
Greece

Thanks: 12 times
Was thanked: 4 time(s) in 3 post(s)
Unfortunately frameset and iframe doesn't allow to use WEBRTC.

I think the best option is VMIX team to create an API so we can use their platform on our sites with html/javascript. And API that can pass ID/Name from our fields it will be useful.
Back to top
newmans  
#4 Posted : Tuesday, August 25, 2020 12:38:04 AM(UTC)
newmans

Rank: Member

Groups: Registered
Joined: 4/12/2020(UTC)
Posts: 17
Germany

Was thanked: 1 time(s) in 1 post(s)
you need to add allow="camera;microphone;" to the iframe


Code:
<iframe src="https://beta.vmixcall.com/" frameborder="0" allow="camera;microphone;fullscreen" allowfullscreen=""></iframe>







Regarding the API


Originally Posted by: DWAM Go to Quoted Post
There is a "partial" workaround for this: you can create a webpage on your website with your own logo and have a form that vMixCallers use to type their name and key before being redirected to the vMixCall service. It is a partial workaround because when the guest disconnects it shows the vMixCall logo anyway. So it's only half a solution.

Here's a piece of code for the landing page on your website (there are several ways to do this, this one is just a copy and paste from another thread on the forum, not my code)

Code:
<!-- Script -->

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#vmixform').submit(function(){
var urlNumber = $('#vmixNumber').val()
var urlName = $('#vmixName').val()
var urlString = urlNumber + "&Name=" + urlName
window.location = "https://www.vmixcall.com/call.aspx?Key=" + urlString;
return false;
});
});
</script>

<!-- For the text fields in HTML body -->

<input type="text" class="form-control" id="vmixName" placeholder="Name" name="vmixName" required>
<input type="text" class="form-control" id="vmixNumber" placeholder="Password vMix Call" name="vmixNumber" required>
Back to top
thanks 1 user thanked newmans for this useful post.
tsioukas on 8/26/2020(UTC)
carlofornasari  
#5 Posted : Tuesday, August 25, 2020 3:18:33 PM(UTC)
carlofornasari

Rank: Member

Groups: Registered
Joined: 7/5/2019(UTC)
Posts: 28
Australia
Location: Sydney

Was thanked: 5 time(s) in 4 post(s)
Originally Posted by: carlito Go to Quoted Post
Hi all. I wanted to create a solution where a remote presenter can click through their slide using internet clicker and then simple have the vmix call UI and the buttons on one page. Once I embed the vmix call page however I cannot get camera or mic access in any browser. Seems the embedded site needs to explicit allow. Anyone knows of a way to get this setup?


Screenshot


Has anyone got this working yet? Tring to get interent clicker and vmix call in the same window with no luck so far
Back to top
newmans  
#6 Posted : Tuesday, August 25, 2020 4:06:02 PM(UTC)
newmans

Rank: Member

Groups: Registered
Joined: 4/12/2020(UTC)
Posts: 17
Germany

Was thanked: 1 time(s) in 1 post(s)
See my Post above, there is everything you need to add to the iframe of vmixcall.

And be sure you have an SSL certificate working in the webpage.
Back to top
tsioukas  
#7 Posted : Wednesday, August 26, 2020 10:15:47 PM(UTC)
tsioukas

Rank: Advanced Member

Groups: Registered
Joined: 7/10/2020(UTC)
Posts: 34
Man
Greece

Thanks: 12 times
Was thanked: 4 time(s) in 3 post(s)
Originally Posted by: newmans Go to Quoted Post
you need to add allow="camera;microphone;" to the iframe
Code:
<iframe src="https://beta.vmixcall.com/" frameborder="0" allow="camera;microphone;fullscreen" allowfullscreen=""></iframe>



Thank you, thank you and again thank you... i didn't know that, you save me from a lot of research time.
Back to top
Lynchee  
#8 Posted : Monday, November 9, 2020 10:20:27 PM(UTC)
Lynchee

Rank: Newbie

Groups: Registered
Joined: 10/30/2020(UTC)
Posts: 1
United Kingdom
Location: birmingham
did anyone get this to work?
Back to top
newmans  
#9 Posted : Wednesday, November 11, 2020 4:17:11 AM(UTC)
newmans

Rank: Member

Groups: Registered
Joined: 4/12/2020(UTC)
Posts: 17
Germany

Was thanked: 1 time(s) in 1 post(s)
yes, it´s running several months now
Back to top
Users browsing this topic
Guest (2)
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Privacy Policy | Powered by YAF.NET | YAF.NET © 2003-2024, Yet Another Forum.NET
This page was generated in 0.122 seconds.