Jump to content

Chrisj

Members
  • Posts

    537
  • Joined

  • Last visited

  • Days Won

    1

Posts posted by Chrisj

  1. Thanks for all the previous help. The web script that I’m modifying has a Search Form that successfully appears when a particular type of page displays:

     

    <?php if (preg_match('#/?sub__(\d)+\b#',$_SERVER['REQUEST_URI'],$matches)) {
    echo "<form action='#' method='POST' id='sub_id'>
    <input name='search_sub'>
    <input type='submit' value='search' />
    <input type='hidden' value='{$matches[1]}'> </form>";
    } ?>

    I wanted to enhance the Form’s appearance and tested this HTML Search Form (which slides the text-enter-field across the page upon selecting the magnify glass icon) seperately successfully:

    <div id="sb-search" class="sb-search " >
        <form>
            <input class="sb-search-input " onkeyup="buttonUp();" placeholder="Enter your search term..." onblur="monkey();" type="search" value="" name="search" id="search">
            <input class="sb-search-submit" type="submit"  value="">
            <span class="sb-icon-search"><i class="fa fa-search"></i></span>
        </form>
    </div>

    the HTML Search Form has this corresponding js:

    function buttonUp(){
             var valux = $('.sb-search-input').val();
                valux = $.trim(valux).length;
                if(valux !== 0){
                    $('.sb-search-submit').css('z-index','99');
                } else{
                    $('.sb-search-input').val('');
                    $('.sb-search-submit').css('z-index','-999');
                }
        }
    
        $(document).ready(function(){
            var submitIcon = $('.sb-icon-search');
            var submitInput = $('.sb-search-input');
            var searchBox = $('.sb-search');
            var isOpen = false;
    
            $(document).mouseup(function(){
                if(isOpen == true){
                submitInput.val('');
                $('.sb-search-submit').css('z-index','-999');
                submitIcon.click();
                }
            });
    
            submitIcon.mouseup(function(){
                return false;
            });
    
            searchBox.mouseup(function(){
                return false;
            });
    
            submitIcon.click(function(){
                if(isOpen == false){
                    searchBox.addClass('sb-search-open');
                    isOpen = true;
                } else {
                    searchBox.removeClass('sb-search-open');
                    isOpen = false;
                }
        });
    });

    I’ve combined the two Search form codes successfully like so:

     

    <?php
    if (preg_match('#/?sub__(\d)+\b#',$_SERVER['REQUEST_URI'],$matches)) {
    echo "<form action='#' method='POST' id='sub_id'>
    <input class='sb-search-input ' onkeyup='buttonUp();' placeholder='Enter your search term...' onblur='monkey();' type='search' value='' name='search_sub' id='search'>
    <!--<input name='search_sub'>-->
    <input class='sb-search-submit' type='submit' value=''>
    <span class='sb-icon-search'><i class='fa fa-search'></i></span>
    <!--<input type='submit' value='search' />-->
    <input type='hidden' value='{$matches[1]}'>
    </form>";
    }
    ?>

     

    however, now the search Form does not slide the text-enter-field across the page, it is just already 'open' when the page displays.

    I’m looking for help with getting the text-enter-field to slide across the page upon selecting the magnify glass icon again, instead of it being 'open' (when the page displays).

    If that makes sense I look forward to any assistance.

     

     

     

     

     

     

     

     

     

     

     

     

  2. Many thanks again.

    I have corrected the LIKE and retried without success.

    Regarding "the subcategory value in your search would be the same one that was selected to get you to that page",
    when the web script filters results to a category, the url, for example, looks like this:

    ....com/videos/category/1?page_id=1

    and from there when a subcategory is selected, for example, the url looks like this:

    ....com/videos/category/1/sub__536

    so, I tried this:

    AND sub_category LIKE '%$subid%'

     

    Otherwise, it would be great to have it so it's something like: AND sub_category LIKE "the name of the currently displayed page's subcategory"  or 
    AND sub_category LIKE "the currently displayed pages's subcategory id"

    I look forward to any additional clarification/guidance

  3. Thanks for all the previous help.
    The web video script that I'm modifying successfully filters videos into categories and subcategories. I've added this Search Form which appears on subcategory html results pages:

     

    <?php
    if (preg_match('#/?sub__(\d)+\b#',$_SERVER['REQUEST_URI'],$matches)) {
    echo "<form action='#' method='GET' id='subcategory'>
    <input id='search' name='keywords' type='text' placeholder='Search--SubCategory'> <input type='submit' value='Search' />
    <input type='hidden' id='subid' name='sub_category_id' value='{$matches[1]}'>
    </form>";
    }
    ?>

    I've also added the following code to the same html file in an attempt to get the Search Form to have the functionality of searching just within the currently displayed subcategory page(s) results, for title, description and tags(keywords), and display those results:

    <?php
    if (!empty($_POST['search_value'])) {
    $search_value = PT_Secure($_POST['subid']);
    $search_result = $db->rawQuery("SELECT * FROM " . T_VIDEOS . " WHERE (title '%$search_value%' OR tags '%$search_value%' OR description '%$search_value%') AND sub_category = '%$search_value%' ");
    if (!empty($search_result)) {
    $html = '';
    foreach ($search_result as $key => $search) {
    $search = PT_GetVideoByID($search, 0, 0, 0);
    $html .= "
    <div class='search-result'><a href='$search->url'>$search->sub_category</a></div>";
    }
    $data = array('status' => 200, 'html' => $html);
    }
    }
    ?>

     

    but no success yet. The T_VIDEOS (videos table) looks like this (attached).

    I need help with a where clause to limit the video data selected to the requested sub category id and display it.

    [https://pasteboard.co/6lSH6CKAfFUV.png](https://)

    Or, maybe there's a way to have it so it's something like where sub_category = "the name of subcategory" ?

    Any guidance with this is appreciated

     

  4. Thanks for your reply.
    I'm trying to get help to determine if the php file outputs the subcategory.

    And then I'll be looking for guidance to ultimately have a search form appear on the page when it's  a subcategory page.

    I had tried echo-ing the Form onto the sub-category page by adding to the php file ( https://pastebin.com/zgbELKJf ) this:

    $injectForm = "";
    
     - - -etc.- - -
    
    $injectForm = "<form action=\"content.php\" method=\"GET\" id=\"sub-search\">
    <input id=\"search\" name=\"keywords\" type=\"text\" placeholder=\"Type here\">
    <input type=\"submit\" value=\"Search\" />
    </form>";

    and added this to the html page:

    <?php
    echo $injectForm;
    ?>

    but no success with displaying the Search Form onto a subcategory page

     

  5. The web video script that I'm trying to modify, successfully filters videos by category and by sub-category. The file code here shows sub-category related code: https://pastebin.com/zgbELKJf on lines 149 and 215 I am trying to display a search form when sub-category page appears, so I first need to determine if this code is the file that outputs the subcategory pages. (as a first step in being able to search the sub-category page by keyword).  If this provides a clue, when I remove these lines:

    $pt->show_sub = false;
    $pt->sub_categories_array = array();
    foreach ($pt->sub_categories as $cat_key => $subs) {
        $pt->sub_categories_array["'".$cat_key."'"] = '<option value="">'.$lang->all.'</option>';
        foreach ($subs as $sub_key => $sub_value) {
            $pt->sub_categories_array["'".$cat_key."'"] .= '<option value="'.array_keys($sub_value)[0].'" '.((!empty($_GET['sub_id']) && $_GET['sub_id'] == array_keys($sub_value)[0]) ? "selected" : "") .'>'.$sub_value[array_keys($sub_value)[0]].'</option>';
       }
    
        if (!empty($_GET['id']) && $_GET['id'] == $cat_key) {
            $pt->show_sub = true;
    if($pt->show_sub) {
    
    }
    }

    it eliminates the drop-down list to choose a subcategory, so there’s no way to display subcategory pages without that code.

    And on the html page file there is also this code:

    <?php if ($pt->page == 'category' && $pt->show_sub == true) { ?>
    <script type="text/javascript">
    $(document).on('change', '#category_id', function(event) {
    	event.preventDefault();
    	id = $(this).val();
    	$('#sub_category_id').html(sub_categories_array["'"+id+"'"]);
    });
    $(document).on('change','#sub_categories_', function(event) {
    	window.location.href = site_url+'/videos/category/<?php echo($_GET['id']) ?>/'+$('#sub_categories_').val();
    });
    </script>

     

    Any additional assistance is welcomed

     

  6. When I enter my log-in credentials and submit, in my site's web script, I see this:
    This page isn’t working...... is currently unable to handle this request.
    HTTP ERROR 500
    So, I look at dev tools > Console I see:

    crbug/1173575, non-JS module files deprecated.
    (index):7288

    and when I expand the 7288 I see:

    "No resource with given URL found"

    but if I refresh, I'm logged in.

    Any ideas on how to solve this error is appreciated.

  7. I'm using this code, but I only see a black screen when viewing via iPhone:

     

    <link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />
    <script src="https://vjs.zencdn.net/7.11.4/video.min.js"></script>
    <video id="js-video" autoplay muted class="video-js vjs-default-skin" playsinline></video>
    <button id="display" onclick="display()">Display Camera</button>

    And when I select 'Display Camera' and agree to "access camera & mic" no camera view displays.

     let blobs = [];
            let stream, mediaRecorder, blob;
            let video = document.getElementById("video");
            var displaying = false;
            var recording = false;
            async function display() {
                stream = await navigator.mediaDevices.getUserMedia({
                    audio: true,
                    video: true,
                });
                video.srcObject = stream;
                displaying = true;
                playsinline = true;
            }

     

    Any help to show camera view and not black screen is appreciated

  8. This upload code is used for uploading a video file from html page, after recording via html5 screen <video></video>, however, ther file doesn't arrive in the uploads/ folder:

     

    <?php
    foreach (array('video', 'audio') as $type) {
        if (isset($_FILES["${type}-blob"])) {
    
            $fileName = $_POST["${type}-filename"];
            $uploadDirectory = 'uploads/' .rand(5,500).$fileName;
    
            if (!move_uploaded_file($_FILES["${type}-blob"]["tmp_name"], $uploadDirectory)) {
                echo (" problem moving uploaded file");
            }
        }
    }

    when uploaded from iPhone. So, I don't know how to see errors on iPhone. Folder permission is 755. php.ini max file size is 2024M,

    any ideas/solutions are appreciated.

     

     

  9. Thanks for your reply. I don't know the answer. Maybe you can help me, I probably have the code incorrect.

    Here's the corresponding javascript that it's working with save1.php (the code I posted above):

    <video id="video" autoplay="true" controls muted playsInline></video>
    
    <script>
    function supportsRecording(mimeType) {
      if (!window.MediaRecorder) {
        return false;
      }
      if (!MediaRecorder.isTypeSupported) {
        return mimeType.startsWith("audio/mp4") || mimeType.startsWith("video/mp4");
      }
      return MediaRecorder.isTypeSupported(mimeType);
    }
    
    var video = document.querySelector("video");
    let params = { audio: true, video: { facingMode: { exact: "environment" } } };
    
    //if (navigator.mediaDevices.getUserMedia) {
     // navigator.mediaDevices.getUserMedia({ video: true })
       // .then(function (stream) {
       //   video.srcObject = stream;
       // })
       // .catch(function (err0r) {
      //    console.log("Something went wrong!");
      //  });
    //}
    
    let blobs = [];
    let stream, mediaRecorder, blob;
    
    async function startRecording() {
      stream = await navigator.mediaDevices.getUserMedia({
        audio: true,
        video: true,
      });
    
      mediaRecorder = new MediaRecorder(stream);
      mediaRecorder.ondataavailable = (event) => {
        // Let's append blobs for now, we could also upload them to the network.
        if (event.data) {
          blobs.push(event.data);
        }
      };
      mediaRecorder.onstop = doPreview;
      // Let's receive 1 second blobs
      mediaRecorder.start(1000);
    }
    
    function endRecording() {
      // Let's stop capture and recording
      mediaRecorder.stop();
      stream.getTracks().forEach((track) => track.stop());
    }
    
    function doPreview() {
      if (!blobs.length) {
        return;
      }
      // Let's concatenate blobs to preview the recorded content
      blob = new Blob(blobs, { type: mediaRecorder.mimeType });
      video.src = URL.createObjectURL(
        blob,
      );
    }
    
    
    ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    
          function uploadFile() {
    	  // create FormData
    	  var fileType = 'video'; // or "audio"
    	  var fileName = 'ABCXYZ.webm';
    	  var formData = new FormData();
    	  var request = new XMLHttpRequest;
    
    	  formData.append(fileType + '-filename', fileName);
    	  formData.append(fileType + '-blob', blob);
    	  request.open("POST", "/save1.php");
    	  request.onreadystatechange = function() {
    	  if(request.readyState==4) {
    	  alert(request.responseText);
    	  }
    	  }
    	  request.send(formData);
    }
    </script>
    
    
    
    
    
    
    
    
    
    
    
    
    

     

     

     

  10. I'm trying to determine why when I select Upload, on the html page I see a message "My extension is:" only, instead of My extension is: webM" for example.Here's the code, I look forward to any assistance:

    <?php
    foreach (array('video', 'audio') as $type) {
        if (isset($_FILES["${type}-blob"])) {
    
            $fileName = $_POST["${type}-filename"];
            $uploadDirectory = 'uploads/' . $fileName;
    
                // make sure that one can upload only allowed audio/video files
                $allowed = array(
                    'webm',
                    'wav',
                    'mp4',
                    'mov'
        );
    
        $extension = pathinfo($filePath, PATHINFO_EXTENSION);
        die("My extension is: " . $extension);
    
       if (!$extension || empty($extension) || !in_array($extension, $allowed)) {
            echo 'Invalid file extension: '.$extension;
           return;
     }
            if (!move_uploaded_file($_FILES["${type}-blob"]["tmp_name"], $uploadDirectory)) {
                echo (" problem moving uploaded file");
            }
        }
    }
    ?>

     

  11. Thanks you for your example.

    I tried this, ran the script, but nothing appeared in the console log:

     

                    if(isMyOwnDomain()) {
                    console.log("upload-to-server");
                        recordingDIV.querySelector('#upload-to-server').disabled = true;
                        recordingDIV.querySelector('#upload-to-server').style.display = 'none';
                    }

    any additional guidance is welcomed

     

  12. Thanks for all of your previous help.

    <button id="btn-start-recording">Start <br/>Recording</button>
    <button id="btn-stop-recording" disabled>Stop <br/>Recording</button>
    <button id="reset" onclick="resetCamera()">Reset <br/>Camera</button>
    <button id="upload-to-server">Upload Recording</button>
    <button id="save-to-disk">Save To Disk</button>
    <button id="open-new-tab">Open New Tab</button>

    I am testing this code, where a video is recorded, started, stopped & replayed successfully. However, I don’t have the upload part correct. Nothing happens upon selecting the upload button, and no issues in Console.

    var video = document.querySelector('video');
        var recordingDIV = document.querySelector('.recordrtc');
    
        function captureCamera(callback) {
            navigator.mediaDevices.getUserMedia({ audio: true, video: true }).then(function(camera) {
                callback(camera);
            }).catch(function(error) {
                alert('Unable to capture your camera. Please check console logs.');
                console.error(error);
            });
        }
    
        function stopRecordingCallback() {
            video.src = video.srcObject = null;
            video.muted = false;
            video.volume = 1;
            video.src = URL.createObjectURL(recorder.getBlob());
    
            recorder.camera.stop();
            recorder.destroy();
            recorder = null;
        }
    
        var recorder; // globally accessible
    
        document.getElementById('btn-start-recording').onclick = function() {
            this.disabled = true;
            captureCamera(function(camera) {
                video.muted = true;
                video.volume = 0;
                video.srcObject = camera;
    
                recorder = RecordRTC(camera, {
                    type: 'video'
                });
    
                recorder.startRecording();
    
                // release camera on stopRecording
                recorder.camera = camera;
    
                document.getElementById('btn-stop-recording').disabled = false;
            });
        };
    
        document.getElementById('btn-stop-recording').onclick = function() {
            this.disabled = true;
            recorder.stopRecording(stopRecordingCallback);
        };
    
                   ///////////////////////////////////////////////////
                            //Reset the Camera
                                       function resetCamera(){
                                          location.reload();
                                        }
    /////////////////////////////////////////////////////////
    
    
      var MY_DOMAIN = 'a.domain-name.com';
    
                function isMyOwnDomain() {
                    // replace "webrtc-experiment.com" with your own domain name
                    return document.domain.indexOf(MY_DOMAIN) !== -1;
                }
    
                function saveToDiskOrOpenNewTab(recordRTC) {
                    recordingDIV.querySelector('#save-to-disk').parentNode.style.display = 'block';
                    recordingDIV.querySelector('#save-to-disk').onclick = function() {
                        if(!recordRTC) return alert('No recording found.');
    
                        recordRTC.save();
                    };
    
                    recordingDIV.querySelector('#open-new-tab').onclick = function() {
                        if(!recordRTC) return alert('No recording found.');
    
                        window.open(recordRTC.toURL());
                    };
    
                    if(isMyOwnDomain()) {
                        recordingDIV.querySelector('#upload-to-server').disabled = true;
                        recordingDIV.querySelector('#upload-to-server').style.display = 'none';
                    }
                    else {
                        recordingDIV.querySelector('#upload-to-server').disabled = false;
                    }
    
                    recordingDIV.querySelector('#upload-to-server').onclick = function() {
                        if(isMyOwnDomain()) {
                            alert('PHP Upload is not available on this domain.');
                            return;
                        }
    
                        if(!recordRTC) return alert('No recording found.');
                        this.disabled = true;
    
                        var button = this;
                        uploadToServer(recordRTC, function(progress, fileURL) {
                            if(progress === 'ended') {
                                button.disabled = false;
                                button.innerHTML = 'Click to download from server';
                                button.onclick = function() {
                                    window.open(fileURL);
                                };
                                return;
                            }
                            button.innerHTML = progress;
                        });
                    };
                }
    
                var listOfFilesUploaded = [];
    
                function uploadToServer(recordRTC, callback) {
                    var blob = recordRTC instanceof Blob ? recordRTC : recordRTC.blob;
                    var fileType = blob.type.split('/')[0] || 'audio';
                    var fileName = (Math.random() * 1000).toString().replace('.', '');
    
                    if (fileType === 'audio') {
                        fileName += '.' + (!!navigator.mozGetUserMedia ? 'ogg' : 'wav');
                    } else {
                        fileName += '.webm';
                    }
    
                    // create FormData
                    var formData = new FormData();
                    formData.append(fileType + '-filename', fileName);
                    formData.append(fileType + '-blob', blob);
    
                    callback('Uploading ' + fileType + ' recording to server.');
    
                    // var upload_url = 'https://your-domain.com/files-uploader/';
                    var upload_url = 'save.php';
    
                    // var upload_directory = upload_url;
                    var upload_directory = 'uploads/';
    
                    makeXMLHttpRequest(upload_url, formData, function(progress) {
                        if (progress !== 'upload-ended') {
                            callback(progress);
                            return;
                        }
    
                        callback('ended', upload_directory + fileName);
    
                        // to make sure we can delete as soon as visitor leaves
                        listOfFilesUploaded.push(upload_directory + fileName);
                    });
                }
    
                function makeXMLHttpRequest(url, data, callback) {
                    var request = new XMLHttpRequest();
                    request.onreadystatechange = function() {
                        if (request.readyState == 4 && request.status == 200) {
                            callback('upload-ended');
                        }
                    };
    
                    request.upload.onloadstart = function() {
                        callback('Upload started...');
                    };
    
                    request.upload.onprogress = function(event) {
                        callback('Upload Progress ' + Math.round(event.loaded / event.total * 100) + "%");
                    };
    
                    request.upload.onload = function() {
                        callback('progress-about-to-end');
                    };
    
                    request.upload.onload = function() {
                        callback('progress-ended');
                    };
    
                    request.upload.onerror = function(error) {
                        callback('Failed to upload to server');
                        console.error('XMLHttpRequest failed', error);
                    };
    
                    request.upload.onabort = function(error) {
                        callback('Upload aborted.');
                        console.error('XMLHttpRequest aborted', error);
                    };
    
                    request.open('POST', url);
                    request.send(data);
                }
    
                window.onbeforeunload = function() {
                    recordingDIV.querySelector('button').disabled = false;
                    recordingMedia.disabled = false;
                    mediaContainerFormat.disabled = false;
    
                    if(!listOfFilesUploaded.length) return;
    
                    var delete_url = 'https://webrtcweb.com/f/delete.php';
                    // var delete_url = 'RecordRTC-to-PHP/delete.php';
    
                    listOfFilesUploaded.forEach(function(fileURL) {
                        var request = new XMLHttpRequest();
                        request.onreadystatechange = function() {
                            if (request.readyState == 4 && request.status == 200) {
                                if(this.responseText === ' problem deleting files.') {
                                    alert('Failed to delete ' + fileURL + ' from the server.');
                                    return;
                                }
    
                                listOfFilesUploaded = [];
                                alert('You can leave now. Your files are removed from the server.');
                            }
                        };
                        request.open('POST', delete_url);
    
                        var formData = new FormData();
                        formData.append('delete-file', fileURL.split('/').pop());
                        request.send(formData);
                    });
    
    
                    return 'Please wait few seconds before your recordings are deleted from the server.';
                };

    Any assistance is appreciated.

  13. When this code, on an html page, is viewed, via mobile device, you can tap the screen and the mobile device recording full screen successfully appears:

     

    <form>
    ----
    <input type="file" name="Upload" id="fileToUpload" accept="video/*" capture="user" onchange="submitForm();">
    	<input type="submit" value="Upload" name="submit" id="go" style="display: none;"/>
      ----
      </form>

     

    how/what can I add so that the less than the full screen appears?

  14. When I access this link:
    https://www.cameratag.com/demo#camera

    I see this:
    "This camera was created with the single line of code below:"

    <camera id='DemoCamera' data-app-id='63f9c870-72c4-0130-04c5-123139045d73'></camera>

    I understand that the js that is being used there is open source from here:
    https://gist.github.com/daemonsy/61a7f05bf6dbe23444076af93c582815

    So, I've downloaded that js and added a script link to that javascript on my html page.

    But, I'm not sure where the camera id (DemoCamera) is referenced and don't know much about the data-app-id.

    If I use this, am I using that company's code, or is that open source too:

    <camera id='DemoCamera' data-app-id='63f9c870-72c4-0130-04c5-123139045d73'></camera>

    I don't see DemoCamera or the data-app-id anywhere in the js or css.

    I look forward to being enlightened/help.

    Thanx

  15. On an html page, it uses this code:

    accept="video/*"

    in this context:

    <input type="file" name="fileToUpload" id="fileToUpload" accept="video/*" capture="user" onchange="submitForm();">

    and when you view the page via mobile, and tap the page, your video camera screen appears. I'm looking to see if it's possible to add scrolling text across the page/video-camera-screen ?

    I look forward to any comments/suggestions.

  16. Viewing a php/html web page, that I have, from a mobile phone, a visitor can tap the page and their video screen appears and they can then proceed to record and submit a video recording, successfully. But, I'm wondering if the accept="video/*" code is outdated and should be somehow replaced with 'getUserMedia' code. If so, is it a direct replacement or do I need other tweaks on this existing line:

     <input type="file" name="fileToUpload" id="fileToUpload" accept="video/*" capture="user" onchange="submitForm();">

    I look forward to all comments/suggestions, thanks

  17. Thank you for your reply.

    Regarding " What precisely is it that you do and don't do when the page works and does not work",

    when the page is loaded and the screen doesn't appear, so I refresh the page and the jitsi Start meeting box appears

    at this location on the web page:

    <div id="meeting"></div>

     and I proceed.

    that is the only way it appears. Without a refresh the "meeting" just appears with this style:

    #meeting{
    background-color: #000;
    width: 500px;
    height: 400px;
    margin: 0 auto;
    }

    just a black box.

    Is there a solution to have the jitsi Start meeting to appear without refreshing the page?

    The jitsi handbook states:

    "The API object constructor uses the following options:

    height: ......
    width: ........
    etc.

    onload: The IFrame onload event handler.

    etc....

     

    I was trying (unsuccessfully) to use the onload: option to have the Start meeting appear without refreshing the page (by trying to add a 'click').

    Any ideas/suggestions.guidance with getting the jitsi meeting Start to appear without refreshing the page, is welcomed

  18. I have placed this jitsi script on a web page:

    <script src='https://meet.jit.si/external_api.js'></script>
    
    <div id="meeting"></div>
    
    <script>
    const options = {
        parentNode: document.querySelector('#meeting'),
        width: "100%",
        height: "100%",
        };
    
    meetAPI = new JitsiMeetExternalAPI("meet.jit.si", options);
    </script>

    but the jitsi screen only appears after I refresh the page.
    I see in the jitsi handbook, it has an onload: option:
    https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-iframe

    So I have tried (unsucessfully) to modify the code to allow the web page visitor to 'click' to get the jitsi screen to appear, using this code:

    <button id="meeting" onclick="button()"></button>
    
    <script>
    const options = {
        parentNode: document.querySelector('#meeting'),
        width: "100%",
        height: "100%",
        onload: function button() {
        document.getElementById('#meeting').click();
    }
        };
    
    meetAPI = new JitsiMeetExternalAPI("meet.jit.si", options);
    </script>

    any help/guidance with either getting the screen to appear without refresh or successfully having the screen appear upon 'click' is appreciated.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.