Показать сообщение отдельно
  #1 (permalink)  
Старый 19.10.2015, 13:12
Новичок на форуме
Отправить личное сообщение для noobilio Посмотреть профиль Найти все сообщения от noobilio
 
Регистрация: 19.10.2015
Сообщений: 3

Масштабирование изображения с ip камеры
Суть проблемы необходимо организовать масштабирование видео с ip камеры,
проблема в том, что код начинает работать только после открытия прямой ссылки на камеру в строке браузера
(http://логин:пароль@айпишниккамер ы:80).
Камера Dlink DCS-933L. О великие эксперты помогите.

<html>
<head>
<title>
</title>
<script>
function sizePic() {
size = document.getElementById("size").value;
img = document.getElementById("pic");
img.width = 60 + 20*size;}
</script>
<style>
img.zoom {
-moz-user-select: none; user-select: none;}
img.zoom:hover {
display: block;
position: fixed;
z-index: 10;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: auto;
height: 100%;
max-width: 99%;
max-height: 99%;
border: solid rgba(210,210,210,.4);
border-width: 100vh 100vw;
cursor: zoom-out;}
:not(:active) > img.zoom:not(:hover), img.zoom:active {
pointer-events: none;}
</style>
</head>
<body>
<p>Размер изображения <input type="range" min="1" max="100" id="size"
oninput="sizePic()" value="3"></p>
<img src="http://логин:пароль@айпишниккамер ы:80/video/mjpg.cgi" alt="" id="pic" class="zoom">
</html>
Ответить с цитированием