Я искал и пробовал много подобных комбинаций вопросов / ответов здесь.Единственное отличие, которое я вижу, это то, что я пытаюсь представить видеопоток с IP-камеры, а не img.
У меня есть существующая и рабочая страница, которая принимает различные каналы IP-камер и представляет их в виде сетки, которую можно загрузить на любую веб-страницу (в данном случае Chrome).Я хочу добавить гиперссылку к каждой из них, чтобы при нажатии на нее открывалась веб-страница с полноэкранной версией канала.Вот пример одной из гиперссылок и пометим эти работы.:) -
myurl = 10.0.0.200:9080/zm/cgi-bin/nph-zms?scale=100&mode=jpeg&maxfps=30&monitor=1&buffer=500
<a href="http://myurl" target="_blank">
<img src="myurl"></a>
Цель -чтобы открыть эту страницу на малиновом пи с 7-дюймовым сенсорным экраном, а поскольку малиновый пи плохо поддерживает жест, при полном просмотре веб-страницы (F11) невозможно вернуться назад или закрыть открытую вкладку.Чтобы решить эту проблему, я хочу открыть href на новой странице, динамически передать значение после «monitor =» и иметь кнопку на этой странице, чтобы закрыть вкладку, когда вы закончите просмотр.
Я получил кнопкуработать, но не могу загрузить канал. Чтобы убедиться, что URL работает, я просто не знаю, как правильно создать его и затем показать. Любая помощь будет принята с благодарностью.
Этотекущий кусок кода на монтаж, совершающий вызов
<a href="./cameraclick3.html?var1=1" target="_blank">
<img src="http://10.0.0.200:9080/zm/cgi-bin/nph-zms?scale=30&mode=jpeg&maxfps=30&monitor=1&buffer=500"></a>
Код для cameraclick3.html:
<head>
<link rel="shortcut icon" href="/cctv.ico" />
<title>CCTV</title>
<script>
function load()
{
document.getElementById('image').src = urlname();
}
function urlname()
{
var mon = request.getParameter("var1");
var urlname1 = "http://10.0.0.200:9080/zm/cgi-bin/nph-zms?scale=30&mode=jpeg&maxfps=30&monitor=" + mon + "&buffer=500";
return urlname1;
}
</script>
</head>
<body bgcolor="black" onload="load()">
<button type="button" onclick="javascript:window.close()">Discard</button>
<img src="" id="image"/>
</body>