Web Client SDK on Ubuntu 18 LTS

linda.bodie · November 14, 2018, 5:47pm

When I follow the instructions from https://github.com/zoom/sample-app-web I get the URL (localhost:9999) to load up and I have the option to enter my name and meeting id. When I click on Join nothing happens…I dont see any errors from the CLI.

TimZoom · November 14, 2018, 11:04pm

Are there any errors in the debug console in your browser? @michael_p.zoom is pretty familiar with ur Web SDK. Michael, do you have any suggestions?

linda.bodie · November 15, 2018, 2:28am

nope, it seems like its working from the log messages…

> concurrently “http-server -a localhost -c-1”

[0] Starting up http-server, serving ./
[0] Available on:
[0] http://localhost:9999
[0] Hit CTRL-C to stop the server
[0] [Wed Nov 14 2018 12:42:45 GMT-0500 (EST)] “GET /” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Wed Nov 14 2018 12:42:45 GMT-0500 (EST)] “GET /css/bootstrap.css” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Wed Nov 14 2018 12:42:45 GMT-0500 (EST)] “GET /css/react-select.css” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Wed Nov 14 2018 12:42:45 GMT-0500 (EST)] “GET /lib/react.min.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Wed Nov 14 2018 12:42:45 GMT-0500 (EST)] “GET /lib/jquery.min.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Wed Nov 14 2018 12:42:45 GMT-0500 (EST)] “GET /lib/redux-thunk.min.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Wed Nov 14 2018 12:42:45 GMT-0500 (EST)] “GET /lib/redux.min.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Wed Nov 14 2018 12:42:45 GMT-0500 (EST)] “GET /lib/react-dom.min.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Wed Nov 14 2018 12:42:45 GMT-0500 (EST)] “GET /lib/lodash.min.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Wed Nov 14 2018 12:42:45 GMT-0500 (EST)] “GET /lib/av/js_media.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Wed Nov 14 2018 12:42:45 GMT-0500 (EST)] “GET /js/index.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Wed Nov 14 2018 12:42:46 GMT-0500 (EST)] “GET /lib/webim.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Wed Nov 14 2018 12:42:46 GMT-0500 (EST)] “GET /lib/av/audio.encode.wasm” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Wed Nov 14 2018 12:42:46 GMT-0500 (EST)] “GET /lib/av/video.decode.wasm” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Wed Nov 14 2018 12:42:46 GMT-0500 (EST)] “GET /lib/av/sharing.wasm” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”

michael_p.zoom · November 15, 2018, 7:12pm

Hi @linda.bodie,

Can you paste the code within your index.js file? I want to take a look at the ZoomMtg.init method.

linda.bodie · November 16, 2018, 5:11am

I just cloned the repo from GitHub and added my keys but this is it:

(function(){

var API_KEY = 'my key goes here';

/**
 * NEVER PUT YOUR ACTUAL API SECRET IN CLIENT SIDE CODE, THIS IS JUST FOR QUICK PROTOTYPING
 * The below generateSignature should be done server side as not to expose your api secret in public
 * You can find an eaxmple in PHP here: https://gist.github.com/joshuawoodward/7574df3df9a089e2663582a2cf9f188b
 */
var API_SECRET = 'my Secret goes here';

document.getElementById('join_meeting').addEventListener('click', function(e){

    e.preventDefault();

    if(!this.form.checkValidity()){
        alert("Enter Name and Meeting Number");
        return false;
    }

    var meetConfig = {
      apiKey: API_KEY,
      apiSecret: API_SECRET,
      meetingNumber: parseInt(document.getElementById('meeting_number').value),
      userName: document.getElementById('display_name').value,
      passwd: "",
      email: "",
      leaveUrl: "https://zoom.us",
      role: 1
    };


    var signature = ZoomMtg.generateSignature({
        meetingNumber: meetConfig.meetingNumber,
        apiKey: meetConfig.apiKey,
        apiSecret: meetConfig.apiSecret,
        role: meetConfig.role,
        success: function(res){
            console.log(res.result);
        }
    });

    ZoomMtg.init({
        leaveUrl: 'http://www.zoom.us',
        isSupportAV: true,
        success: function () {
            ZoomMtg.join(
                {
                    meetingNumber: meetConfig.meetingNumber,
                    userName: meetConfig.userName,
                    userEmail: meetConfig.email,
                    signature: signature,
                    apiKey: meetConfig.apiKey,
                    success: function(res){
                        console.log('join meeting success');
                        document.getElementById('nav-tool').style.display = 'none';
                    }
                }
            );

        }
    });

});

})();

michael_p.zoom · November 16, 2018, 5:22pm

@linda.bodie

Can you insert the error function right after the success function so that you can see what error shows up?

success: function(res){
                     console.log('join meeting success');
                     document.getElementById('nav-tool').style.display = 'none';
                        },
                        error: function(res){console.log(res)}

linda.bodie · November 19, 2018, 1:58pm

thanks @michael_p.zoom but that didn’t seen to yield any better results.
I noticed the windows characters ^M all over the file, I ran dos2unix to clean it up. I added your line of code as well…looks the same:

ZoomMtg.init({
leaveUrl: ‘http://www.zoom.us’,
isSupportAV: true,
success: function () {
ZoomMtg.join(
{
meetingNumber: meetConfig.meetingNumber,
userName: meetConfig.userName,
userEmail: meetConfig.email,
signature: signature,
apiKey: meetConfig.apiKey,
success: function(res){
console.log(‘join meeting success’);
document.getElementById(‘nav-tool’).style.display = ‘none’;
}
error: function(res){console.log(res)}
}
);

concurrently “http-server -a localhost -c-1”

[0] Starting up http-server, serving ./
[0] Available on:
[0] http://localhost:8080
[0] Hit CTRL-C to stop the server
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /?display_name=Stephan&meeting_number=651656156” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /css/bootstrap.css” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /css/react-select.css” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /lib/react.min.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /lib/react-dom.min.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /lib/redux-thunk.min.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /lib/redux.min.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /lib/jquery.min.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /lib/lodash.min.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /lib/av/js_media.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /js/index.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /lib/webim.js” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /lib/av/audio.encode.wasm” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /lib/av/video.decode.wasm” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”
[0] [Mon Nov 19 2018 08:53:46 GMT-0500 (EST)] “GET /lib/av/sharing.wasm” “Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0”

michael_p.zoom · November 20, 2018, 7:28pm

Hi @linda.bodie,

Sorry, I should of provided better details, after adding the line of code, check within the firefox developer console, do you see an error showing up?

Thanks

Topic		Replies	Views
Web Client SDK sample app implementation on server Web	4	866	August 21, 2020
None loading Zoom meeting Web	30	3843	August 1, 2021
SDK 1.7.4 Sample app not able to join a webinar Web	6	733	August 21, 2020
JS SDK version 1.3.5 is live New Releases	21	3666	July 28, 2022
Deployment of Zoom Web SDK react app on github pages Web	2	549	June 3, 2021

Web Client SDK on Ubuntu 18 LTS

Related Topics