.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#FFC300 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #FFC300 !important; border-color: #FFC300 !important; } .text-primary, .filters_col .distance span { color: #FFC300 !important; } .btn-outline-primary { color: #FFC300 !important; border-color: #FFC300 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #FFC300 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #FFC300!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#000000 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #000000 !important; border-color: #000000 !important; } .text-secondary { color: #000000 !important; } .text-secondary a { color: #000000 !important; } .btn-outline-secondary { color: #000000 !important; border-color: #000000 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #000000 !important; background-color: #000000 !important; } <?php /* Template Name: Live Webcam */ get_header(); ?> <div class="container"> <div style="text-align: center;"> <h1>Webcam Live Stream</h1> <video id="localVideo" autoplay playsinline muted></video> <button id="startButton">Start Live Stream</button> </div> </div> <script> const startButton = document.getElementById('startButton'); const localVideo = document.getElementById('localVideo'); async function startWebcam() { try { const stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true }); localVideo.srcObject = stream; } catch (error) { console.error('Error accessing webcam: ', error); } } startButton.addEventListener('click', startWebcam); </script> <?php get_footer(); ?>