vMix - Live Production Software
Live Production Software Forums       www.vmix.com
Welcome Guest Search | Active Topics | Log In | Register

Untag as favorite
White Label vMixCall Front End - with Code
TuesdaysLive
#1 Posted : Thursday, 26 July 2018 1:08:09 PM
Rank: Advanced Member

Medals:

Groups: Registered
Joined: 10/12/2017
Posts: 73
Location: Paris, Illinois

Thanks: 8 times
Was thanked: 10 time(s) in 9 post(s)
[EDIT] I've just been testing this on one of our production sites and it does not appear to be working properly. The vmixcall page is not opening. It still works on the non-production site and another of our production sites. It may have to do with a plug-in, or theme, conflict. [/EDIT]
[EDIT 30 July] Found the issue with our production system. A plugin, called USM Premium, was conflicting with the code being used. [/EDIT]

While I am not a coder, this might be of help to some.

First, our site is on Wordpress. To make this code work properly we use a plug-in called 'Embedder'.

Within Wordpress we created an 'embedder' entry with the following code.

Code:

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
        $('#myform').submit(function(){ //when form is submitted..
            window.location = "https://www.vmixcall.com/call.aspx?Key=1234567890&Name=" + $('#name').val(); //..get url from the textbox and load that url
            return false; // prevent the form from being submitted
        });
    });
  </script>
</head>

<body>
  <form id="myform">
    <input type="text" id="name" value="" />
    <input type="submit" id="submit" value="Submit" />
  </form>
</body>

</html>


You will need to change the 'Key=1234567890' to the proper password number. The embedder entry is saved with a 'shortcut' name. this name is used, as a, you guessed it, shortcut, on the Wordpress page. You can use any additional stuff you'd like in the page as well (i.e., graphics, text, etc..)

The page, while currently on my test server, very basic and ugly, can be prettied up, if desired. After entering their name and clicking the 'Submit' button they are connected to the call. The call opens in the same window. It should be noted the URL in the address bar, once the call is connected does show the 'vmixcall' url.


1 user thanked TuesdaysLive for this useful post.
sinc747 on 27/07/2018
sinc747
#2 Posted : Friday, 27 July 2018 2:41:42 AM
Rank: Advanced Member

Medals:

Groups: Registered
Joined: 1/08/2013
Posts: 748
Location: Fairhope, Alabama USA

Thanks: 298 times
Was thanked: 147 time(s) in 127 post(s)
Well done! Can't wait to try it.

- Tom
TuesdaysLive
#3 Posted : Friday, 27 July 2018 7:30:11 AM
Rank: Advanced Member

Medals:

Groups: Registered
Joined: 10/12/2017
Posts: 73
Location: Paris, Illinois

Thanks: 8 times
Was thanked: 10 time(s) in 9 post(s)
Tom -
I'd love to hear how it works out for you.
As I mentioned, It works on both my test server and one of our production servers. However, we've experienced issues on another production server. I suspect this is because of a theme, or plug-in, conflict. It may also be that the site host either has some incompatible server side services, or is blocking something.

Let me know how you get on.

Rich
sinc747
#4 Posted : Monday, 30 July 2018 5:49:30 AM
Rank: Advanced Member

Medals:

Groups: Registered
Joined: 1/08/2013
Posts: 748
Location: Fairhope, Alabama USA

Thanks: 298 times
Was thanked: 147 time(s) in 127 post(s)
Appears to be working in some brief testing. Still would be nice if it used a URL with my domain instead of vMixCall.com. ;)

- Tom
TuesdaysLive
#5 Posted : Monday, 30 July 2018 6:30:52 AM
Rank: Advanced Member

Medals:

Groups: Registered
Joined: 10/12/2017
Posts: 73
Location: Paris, Illinois

Thanks: 8 times
Was thanked: 10 time(s) in 9 post(s)
Well, basically, all the code does is append the name entered by the 'caller' to the URL used by vMixCall.
There are methods of masking the URL in the address bar of a browser to reflect whatever you might want. However, that would take a bit of extra coding.

Glad to hear it is working for you. I'm hoping that others will find it helpful too.
TuesdaysLive
#6 Posted : Wednesday, 1 August 2018 1:43:05 AM
Rank: Advanced Member

Medals:

Groups: Registered
Joined: 10/12/2017
Posts: 73
Location: Paris, Illinois

Thanks: 8 times
Was thanked: 10 time(s) in 9 post(s)
After finding and fixing our issue with a plug-in conflict, we've implemented our own 'white label' call front-end, using the code above, with some additional modifications.
This is what it looks like...

1 user thanked TuesdaysLive for this useful post.
sinc747 on 1/08/2018
DWAM
#7 Posted : Wednesday, 1 August 2018 7:25:09 AM
Rank: Advanced Member

Medals:

Groups: Registered
Joined: 20/03/2014
Posts: 1,785
Location: Bordeaux, France

Thanks: 132 times
Was thanked: 479 time(s) in 385 post(s)
I tried your code the other day. Works ok although I modified it to allow users to enter their personal key and prevent them from kicking out a previously logged user.

Thanks
Guillaume
TuesdaysLive
#8 Posted : Wednesday, 1 August 2018 7:30:22 AM
Rank: Advanced Member

Medals:

Groups: Registered
Joined: 10/12/2017
Posts: 73
Location: Paris, Illinois

Thanks: 8 times
Was thanked: 10 time(s) in 9 post(s)
DWAM wrote:
I tried your code the other day. Works ok although I modified it to allow users to enter their personal key and prevent them from kicking out a previously logged user.

Thanks
Guillaume



That is a very good option to include. Do you plan on sharing the code? However, it should be easy to work in, virtually the same as the 'name' input.

[Edited to add] The inclusion of the 'password', in our case, was not desired as it doesn't change between guests and the chance of them kicking someone is slim. However, it might be interesting to include something like this that generated a code - if one could figure out how to use the locally generated 'password' for the call (since the vMixcall password is generated during the creation of the call input). Or, alternatively, if when one generates a vMixcall input in vMix, the 'password' could be pulled via a script and referenced by the site when a users 'Joins the Call' (if you follow me).
[/Edit]
[Edit 1 Aug] Parsing the saved show file does seem feasible. If one parses for the "VideoCallKey", its value can then be pulled. Thus, one should, theoretically, be able to parse the file, pulling the key value and then create a unique password value for each caller based on the name they enter when they use the connect page. Granted, it is more work than I'm currently willing to put into it, but it would work. [/Edit 1 Aug]
Users browsing this topic
Guest
Untag as favorite
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.

YAFPro Theme Created by Jaben Cargman (Tiny Gecko)
Powered by YAF | YAF © 2003-2009, Yet Another Forum.NET
This page was generated in 0.045 seconds.