Хочу снова поделиться с радостью! Уже запустил свою вебинарную комнату на все 100%. Теперь, как будто свой гугл хенгаут получился, с вещанием в прямом эфире. При том, что видео цепляется с ютуба.
И при этом, хоть обновляй страницу, а видео продолжится с места разъединения.
И большое спасибо Даня Мапов - за решение поставленной задачи.
Всё идет на лету в реальном времени при обновлении браузера - в плеер вшивается текущая секунда.
В общем Стрим вещание получилось ))
А сверху на видео наложил полупрозрачный див, с той целью, чтобы нельзя было управлять плеером.
Рекомендую. Специалист реально может сделать ЯГОДКУ!
Удачи Всем.
Попробовал сделать по кнопке, но то же ничего не выходит...
Если будет свободная минутка, помогите пожалуйста.
Вот полный код страницы:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <!-- Разметка Open Graph чтобы отправлять картинку и описание при нажатии соц. кнопок --> <meta property="og:image" content="http://leadinlife.info/wp-content/uploads/2015/02/Depositphotos_11180081_M-e13854911034881-200x140.jpg"> <meta name="description" content=""> <meta property="og:url" content=""/> <link rel="stylesheet" href="hat/default.css" media="screen" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript" src="http://bringtolife.ru/infobiz/vid/hat/jquery.form.js"></script> <script type="text/javascript" src="http://bringtolife.ru/infobiz/vid/hat/application.js"></script> <script language="JavaScript" type="text/javascript"> var my_hop_host = 'povaga.justclick.ru'; </script><br /><script language="JavaScript" type="text/javascript" src="http://povaga.justclick.ru/media/clicks/click.js"></script> <!-- таймер и кнопка --> <link href="http://bringtolife.ru/infobiz/vid/taimer/css/screen.css" rel="stylesheet"> <link rel="stylesheet" href="http://bringtolife.ru/infobiz/vid/taimer/css/flipclock.css"> <!-- таймер и кнопка --> <style rel="stylesheet"> #footer { position: relative; margin-top: 70px; } </style> <script language="JavaScript"> function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } t=readCookie('timer'); if (!t) t=0; function a(){ document.getElementById('a').innerHTML = t; t++; createCookie('timer',t,365); setTimeout("a()", 1000); } </script> </head> <body onload="a()" style="background: url('') center 0 no-repeat;"> <div align="center" style="margin:auto; margin-top:20px; width:850px; background-color:#fff; -moz-box-shadow:2px 2px 20px #ccc; -webkit-box-shadow:2px 2px 20px #ccc; border:1px solid #ccc; padding:20px;"> <h1 style="color: #333;"> Бесплатный онлайн семинар - <br /> <font color="#FF0000">История...</font></h1> <p align="center"><img src="http://leadinlife.info/wp-content/uploads/2015/03/speaker1.gif" height="35" /></p> <p style="text-align: center;"> <font color="#FF0000">Длительность Вещания:</font> <div id="a"></div> <div style=" height: 470px;"> <div style="z-index: 1"> <object width="500" height="309"> <param name="wmode" value="transparent"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <div id="video2"></div> </object> </div> <div style="position: relative; bottom: 480px; z-index: 2; background: #000000; opacity: 0.1; /*width: 500px;*/ height: 480px;"> </div> </div> <script type="text/javascript"> document.getElementById('video2').innerHTML = '<iframe allowfullscreen="" frameborder="0" height="478" width="800" src="http://www.youtube.com/embed/oUzzDkh3_Zg?wmode=transparent&rel=0&autoplay=1&showinfo=0&controls=0&vq=hd720&start=' + $('#a').html() + '">'; </script> </p> <br /> <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki" data-yashareTheme="counter"></div> <br /> <a href="http://bringtolife.ru/infobiz/vid/versii.html" target="_blank" class="no-decor"> <div class="btn">Да Денис, запишите меня »</div> </a> <p> </p> <p> </p> <!--чат--> <div id="content-loading"></div> <div id="container"> <form method="post" action="http://bringtolife.ru/infobiz/vid/hat/submit.php" id="contact-us"> <div id="contact-us-message"></div> <div class="input-box"> <label>Ваше сообщение:</label> <textarea name="message"></textarea> </div> <div class="submit"> <input type="submit" value="Отправить" /> </div> </form> </div> <!--чат--> </div> <script src="http://bringtolife.ru/infobiz/vid/taimer/js/cookie.js"></script> <script src="http://bringtolife.ru/infobiz/vid/taimer/js/video.js"></script> <!-- появление кнопки с задержкой. но куки нужно проверить --> <script> $(document).ready(function() { if(!$.cookie('visited2')) { // Если это не возвращение посетитель, установки куки $.cookie('visited2', 'true', { expires: 30, path: '/' }); // Cookies expires in 30 days setTimeout(function () { $('.btn').slideDown(200); }, 4284000); // Время, в миллисекундах, до тех пор, пока не появится кнопка } else { $('.btn').slideDown(200); // Если это возвращение посетитель, сразу выводить на экран кнопку } }); </script> </body> </html>
Вот, кстати решение:
Теперь у меня свой гугл хенгаут ))
Супер!
silicoid, Спасибо! Ещё бы разобраться как это внедрить ))
Хех... Всё уже сделал, последний нюанс не могу доделать, который и не даёт покоя ))
(осталось только секунды вшить в видео...)
Что в результате получается:
Хочу сказать спасибо Дани. Не спал 2 ночи подряд, так как полный нуб в программировании, а задача была довольно серьезная:
Нужно было организовать вебинарную комнату, чтобы видео брать с ютуб, и при этом оно не начиналось с начала, при обновлении страницы.
Полная иммитация, что человек в прямом эфире, плюс онлайн чат с отправкой сообщений. Но главная проблема была именно как привязать куки при загрузки страницы, и начать отсчет времени, после чего этот параметр вшить в фрейм плеера от ютуб.
И помимо этого, было реализовано так, что пользователь, не может управлять этим плеером. И видео будет идти, словно он в комнате.
Конечно... Можно было платить за сервис вебинаров. Но зачем? Когда можно сделать своими силами. Один раз обратился, и готово было в течении следующих 5 часов.
Ещё раз спасибо за услуги.
А вот кстати, как выглядит комната:
Рекомендую, тем кто не привык парится со сложными задачами!
.... ('video').innerHTML = '/*ВАШ URL*/' + $('#a').html() + '">';
.... ('video').innerHTML = '/*ВАШ URL*/' + document.getElementById('a').innerHTML + '">';
Спасибо! Вот почти почти, как надо, но немного не то... Див грузится при загрузки тела страницы и как понимаю только 1 раз.
Событие висит на body onload="a()"
А так, то что нужно... Еще бы повторную загрузку разрешить этого элемента на страницы, или как-нибудь впихнуть в сам код, чтобы был единственный вариант.
Ребят, у меня ещё одна проблема. Даже не удобно спрашивать за неё... Замучился искать реализацию этого...
Сейчас, когда выводится параметр div c отображением секунд,
не знаю как встроить значение div в ютуб плеер к параметру start=
остановился на этом:
<div id="a"></div> <div id="video"></div> <script type="text/javascript"> document.getElementById('video') .innerHTML = '<iframe allowfullscreen="" frameborder="0" height="478" width="800" src="http://www.youtube.com/embed/oUzzDkh3_Zg?wmode=transparent&rel=0&autoplay=1&showinfo=0&controls=0&vq=hd720&start= ">'; </script>
Ребята спасибо ОГРОМНЕЙШЕЕ!
Отдельное Даня Мапов за рабочий код.
Есть же реально - Светлая голова! Спасибо ещё раз.
Всем привет!
Недавно выставил объявление http://www.telderi.ru/ru/viewsite/429040 ... мошенники работают по интересной старой схеме, через своего гаранта, с фейковым доменом серча.
Вот скрин:
http://c2n.me/iZtSLx
По ссылке открывается не форум серч:
********/3M0N7
Домены разные, и сразу можно не заметить что это развод.
Модеры знаю что ссылки на форумы запрещены, но тут особый случай:
Оригинальный форум: /
Ссылка мошенника: _http://*************.guru/showthread.phpt=573093.html
Ок! Спасибо. На данный момент лучшее решение.
Ну с фотошопом ведь будет не то. Это придется каждую картинку в ручную через фотошоп прогонять и сохранять. Это уже имеется...
Спасибо!
или я немного не понял.
по ходу нету такого решения ((
