| | |
| | | video.addEventListener('loadedmetadata', function () { |
| | | adjustGridItemSize(gridItem, gridItem.videoWidth, gridItem.videoHeight); |
| | | }); |
| | | video.addEventListener("click", function() { |
| | | video.addEventListener("click", function () { |
| | | loadingMessage.style.display = "block"; |
| | | video.play().then(function() { |
| | | video.play().then(function () { |
| | | loadingMessage.style.display = "none"; |
| | | }).catch(function(error) { |
| | | }).catch(function (error) { |
| | | console.error("Error playing the video:", error); |
| | | loadingMessage.style.display = "none"; |
| | | }); |
| | |
| | | } |
| | | |
| | | |
| | | let mediamtxHost = "192.168.1.12" |
| | | var chanMap = new Map(); |
| | | window.onload = function () { |
| | | changeGrid(2, 2); |
| | | chanMap.set("video1", "http://127.0.0.1:8889/164/"); |
| | | chanMap.set("video2", "http://127.0.0.1:8889/165/"); |
| | | chanMap.set("video3", "http://127.0.0.1:8889/245/"); |
| | | chanMap.set("video4", "http://127.0.0.1:8889/164/"); |
| | | chanMap.set("video5", "http://127.0.0.1:8889/165/"); |
| | | chanMap.set("video6", "http://127.0.0.1:8889/245/"); |
| | | chanMap.set("video7", "http://127.0.0.1:8889/164/"); |
| | | chanMap.set("video8", "http://127.0.0.1:8889/165/"); |
| | | chanMap.set("video9", "http://127.0.0.1:8889/245/"); |
| | | chanMap.set("video1", "http://" + mediamtxHost + ":8889/164/"); |
| | | chanMap.set("video2", "http://" + mediamtxHost + ":8889/165/"); |
| | | chanMap.set("video3", "http://" + mediamtxHost + ":8889/245/"); |
| | | chanMap.set("video4", "http://" + mediamtxHost + ":8889/164/"); |
| | | chanMap.set("video5", "http://" + mediamtxHost + ":8889/165/"); |
| | | chanMap.set("video6", "http://" + mediamtxHost + ":8889/245/"); |
| | | chanMap.set("video7", "http://" + mediamtxHost + ":8889/164/"); |
| | | chanMap.set("video8", "http://" + mediamtxHost + ":8889/165/"); |
| | | chanMap.set("video9", "http://" + mediamtxHost + ":8889/245/"); |
| | | console.log(chanMap); |
| | | } |
| | | const linkToIceServers = (links) => ( |
| | |
| | | }) |
| | | } |
| | | |
| | | |
| | | </script> |
| | | </body> |
| | | </html> |