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

22.10.2021

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

1.  
2. <div style="position: fixed;top: 45px;width: auto;right: 30%;">
3. <div id="mydiv">
4. <div id="mydivheader">Нажмите здесь, чтобы переместить окно Вебкамер</div>
5. <div id=cams>
6. <div id=mywebcam style="display:none;">&nbsp;</div>
7. </div>
8. </div>
9. </div>
10. <script>
11. //Make the DIV element draggagle:
12. dragElement(document.getElementById(("mydiv")));
14. function dragElement(elmnt) {
15. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
16. if (document.getElementById(elmnt.id + "header")) {
17. /* if present, the header is where you move the DIV from:*/
18. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
19. } else {
20. /* otherwise, move the DIV from anywhere inside the DIV:*/
21. elmnt.onmousedown = dragMouseDown;
22. }
24. function dragMouseDown(e) {
25. e = e || window.event;
26. // get the mouse cursor position at startup:
27. pos3 = e.clientX;
28. pos4 = e.clientY;
29. document.onmouseup = closeDragElement;
30. // call a function whenever the cursor moves:
31. document.onmousemove = elementDrag;
32. }
34. function elementDrag(e) {
35. e = e || window.event;
36. // calculate the new cursor position:
37. pos1 = pos3 - e.clientX;
38. pos2 = pos4 - e.clientY;
39. pos3 = e.clientX;
40. pos4 = e.clientY;
41. // set the element's new position:
42. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
43. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
44. }
46. function closeDragElement() {
47. /* stop moving when mouse button is released:*/
48. document.onmouseup = null;
49. document.onmousemove = null;
50. }
51. }
52. </script>
53. <style>
54. #mydiv {
55. position: absolute;
56. z-index: 9;
57. background-color: #f1f1f1;
58. text-align: center;
59. border: 1px solid #d3d3d3;
60. }
62. #mydivheader {
63. padding: 10px;
64. cursor: move;
65. z-index: 10;
66. background-color: #2196F3;
67. color: #fff;
68. }
69. </style>

23.10.2021

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

24.10.2021

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

24.10.2021

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

28.10.2021

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

29.10.2021

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