please help me, how can the leaflet use the video player using the RTSP url

This issue has been tracked since 2022-04-24.

because I'm making a project, namely GIS with live streaming CCTV, how do I do it if RTSP is used in the leaflet? does it have to be additional like the other plugins?

but if i use video it works fine
example :

<script>
   var map = L.map('mapid').setView([{{ $place->latitude }},{{ $place->longitude }}],{{ config('leafletsetup.detail_zoom_level') }});

   L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(map);

    L.marker([{{ $place->latitude }},{{ $place->longitude }}]).addTo(map)

    axios.get('{{ route('api.places.index') }}')
    .then(function (response) {
        //console.log(response.data);
        L.geoJSON(response.data,{
            pointToLayer: function(geoJsonPoint,latlng) {
                return L.marker(latlng);
            }
        })
        .bindPopup(function(layer) {
            //return layer.feature.properties.map_popup_content;
            return ('<div class="my-2"><strong>CCTV Name</strong> :<br>'+layer.feature.properties.place_name+'</div> <video controls autoplay src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" width="350px"></video>');
        }).addTo(map);
        console.log(response.data);
    })
    .catch(function (error) {
        console.log(error);
    });

</script>

The project I'm using is the Laravel framework

brunob wrote this answer on 2022-04-30

off topic

More Details About Repo
Owner Name leaflet-extras
Repo Name leaflet-providers
Full Name leaflet-extras/leaflet-providers
Language JavaScript
Created Date 2012-04-06
Updated Date 2022-12-08
Star Count 1778
Watcher Count 66
Fork Count 603
Issue Count 9

YOU MAY BE INTERESTED

Issue Title Created Date Updated Date