ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
83   •   Посмотреть все темы

Помогите доработать блок под камеры

 

467
Lexa @Like
Нашел темку с перемещением блока див, решил его адаптировать под вебкамеру, но в стандарте это просто обертка которая перемещает вебку по экрану. Хотел бы попросить помощи в реализации сворачивания этого блока и скрытия его при не активных просмотрах и вещаниях, а также появления при вещании или просмотра. Ну и минусом тут не работает на сенсоре


<div style="position: fixed;top: 45px;width: auto;right: 30%;">
<div id="mydiv">
<div id="mydivheader">Нажмите здесь, чтобы переместить окно Вебкамер</div>
<div id=cams>
<div id=mywebcam style="display:none;">&nbsp;</div>
</div>
</div>
</div>
<script>
//Make the DIV element draggagle:
dragElement(document.getElementById(("mydiv")));

function dragElement(elmnt) {
var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
if (document.getElementById(elmnt.id + "header")) {
/* if present, the header is where you move the DIV from:*/
document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
} else {
/* otherwise, move the DIV from anywhere inside the DIV:*/
elmnt.onmousedown = dragMouseDown;
}

function dragMouseDown(e) {
e = e || window.event;
// get the mouse cursor position at startup:
pos3 = e.clientX;
pos4 = e.clientY;
document.onmouseup = closeDragElement;
// call a function whenever the cursor moves:
document.onmousemove = elementDrag;
}

function elementDrag(e) {
e = e || window.event;
// calculate the new cursor position:
pos1 = pos3 - e.clientX;
pos2 = pos4 - e.clientY;
pos3 = e.clientX;
pos4 = e.clientY;
// set the element's new position:
elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
}

function closeDragElement() {
/* stop moving when mouse button is released:*/
document.onmouseup = null;
document.onmousemove = null;
}
}
</script>
<style>
#mydiv {
position: absolute;
z-index: 9;
background-color: #f1f1f1;
text-align: center;
border: 1px solid #d3d3d3;
}

#mydivheader {
padding: 10px;
cursor: move;
z-index: 10;
background-color: #2196F3;
color: #fff;
}
</style>


Отредактировано Like - 22.10.2021
441
Валентин @DjValek
ток я один не понял сути? на форуме знатоки уже давно реализовали, камеры от пегаса вам в помощь, на форуме найдете

467
Lexa @Like
DjValek пишет:

ток я один не понял сути? на форуме знатоки уже давно реализовали, камеры от пегаса вам в помощь, на форуме найдете


да, один, удали свое смс и не мешайся ( Можешь посчитать биты сколько заниает трафика работа пегасса и куда более современные способы - но тебе наверное не хватает немного извилин понять что это важно )

20089
Dimitry @Dimitry
Такие вещи не 2 строки кода, поэтому использовать вариант пегаса не такая уж и плохая идея, ведь он наверняка уже потратил на это несколько дней.

441
Валентин @DjValek
Like пишет:

DjValek пишет:

ток я один не понял сути? на форуме знатоки уже давно реализовали, камеры от пегаса вам в помощь, на форуме найдете


да, один, удали свое смс и не мешайся ( Можешь посчитать биты сколько заниает трафика работа пегасса и куда более современные способы - но тебе наверное не хватает немного извилин понять что это важно )

что у тебя провода плавятся от битов? во вторых, темку нашел, молодец что нашел, а теперь пошевели извилинами своими, на чем сейчас сайты собираются с вебками и какие там биты???!!!

467
Lexa @Like
DjValek пишет:

Like пишет:

DjValek пишет:

ток я один не понял сути? на форуме знатоки уже давно реализовали, камеры от пегаса вам в помощь, на форуме найдете


да, один, удали свое смс и не мешайся ( Можешь посчитать биты сколько заниает трафика работа пегасса и куда более современные способы - но тебе наверное не хватает немного извилин понять что это важно )

что у тебя провода плавятся от битов? во вторых, темку нашел, молодец что нашел, а теперь пошевели извилинами своими, на чем сейчас сайты собираются с вебками и какие там биты???!!!

Уже понял, сорян