Предыдущее посещение: менее минуты назад
Текущее время: 19 фев 2020, 16:52



 [ Сообщений: 9 ] 
Автор Сообщение
Не в сети
Администратор
Аватара пользователя

Благодарил (а): 27126 раз.
Поблагодарили: 2293 раз.
Зарегистрирован:
18 окт 2014, 09:03
Сообщения: 421
Откуда: Днепр
В этой теме наведу примеры подключения VLC плеера версии 2.0 и выше, в WEB страницы для сайтов.

Пример №1
Для отображения VLC плеера на WEB странице, добавьте следуюющий HTML код
Код:
<embed type="application/x-vlc-plugin" target="http://stream_url" /></embed>

Дополнительные настройки по умолчанию, добавляйте после type="application/x-vlc-plugin" с новой строки или через пробел:
    name="название видео"
    autoplay="true" - включить автозапуск | "false" - выключить автозапуск
    loop="true" - для видео файлов | "false" - для потокового видео
    autoloop= - тоже что и для loop
    width="600" - ширина плеера в пикселях
    height="400" - высота плеера в пикселях
    pluginspage="http://www.videolan.org" - страница загрузки VLC плагина. По умолчанию http://www.videolan.org , можно создать свою страницу и вписать ее адрес
    mute="false" - звук включен | "true" - звук выключен
    bgcolor="FFFFFF" - цвет фона плеера в формате Color Hex



Подключение дополнительных элементов управления для VLC плеера:

    Управление аудио в VLC плеере
    Добавление кнопки Звук - включить/выключить(Mute)
    Код:
    <input type="button" value="Mute" onclick="vlc.audio.toggleMute();"/>

    value="Mute" название кнопки "Mute" можно заменить на своё
    Добавление кнопок управлением громкости
    Код:
    <input type="button" value="-" onclick="vlc.audio.volume+=(-10);"/>
    <input type="button" value="+" onclick="vlc.audio.volume+=(+10);"/>

    value="-"(делает тише) и value="+"(делает громче) название кнопок "-" и "+" можно заменить на своё
    По умолчанию регулятор громкости в самом VLC плеере добавляет максимальную громкость на 100. Такими кнопками можно усилить громкость до значения 200.
    Шаг увеличения/уменьшения громкости в коде установлен 10. Если хотите заменить, то рекомендуется устанавливать 5, 8, 10, 20, 25
    При знании CSS и jQuery можно сделать регулятор громкости например вот так http://posle.info/demo/volum/ :=)):
    Выбор аудиоканала
    Код:
    <select readonly onChange='doAudioChannel(this.value)'>
       <option value=1>Stereo</option'>
       <option value=2>Reverse stereo</option'>
       <option value=3>Left</option'>
       <option value=4>Right</option'>
       <option value=5>Dolby</option'>
    </select'>

      Stereo - Стерео звук
      Reverse stereo - меняет звук с левого динамика на правый, с правого на левый
      Left - выводит звук только с левого динамика
      Right - выводит звук только с правого динамика
      Dolby - выводит звук в формате Dolby Digital для 5.1 систем, если видео поддерживает данный режим звука

    Для работы требуется подключение javascript, в код плеера после type="application/x-vlc-plugin" добавьте с новой строки или через пробел id="vlc"
    перед самим плеером добавьте следующий код:
    Код:
    <script language="javascript"'>
    <!--
    function doAudioChannel(value)
    {
       var vlc = getVLC("vlc");
       vlc.audio.channel = parseInt(value);
       alert(vlc.audio.channel);
    };
    --'>
    </script>

    Если к плееру уже подключен javascript, то перед
    Код:
    --'>
    </script>

    добавьте
    Код:
    function doAudioChannel(value)
    {
       var vlc = getVLC("vlc");
       vlc.audio.channel = parseInt(value);
       alert(vlc.audio.channel);
    };

    Также можно указать выбор определенных каналов кнопками(в этом случае все выше описаные операции проводить не нужно!)
    Код:
    <input type="button" value="Stereo" onclick="vlc.audio.channel=1;"/>
    <input type="button" value="Reverse stereo" onclick="vlc.audio.channel=2;"/>
    <input type="button" value="Left" onclick="vlc.audio.channel=3;"/>
    <input type="button" value="Right" onclick="vlc.audio.channel=4;"/>
    <input type="button" value="Dolby" onclick="vlc.audio.channel=5;"/>
    Выбор аудиодорожки
    Некоторые каналы вещают в сопровождении нескольких аудиодорожек на разных языках, для переключения языка добавьте следующий код
    Код:
    <select readonly onChange='doAudioTrack(this.value)'>
       <option value=1>Французкий</option'>
       <option value=2>Английский</option'>
       <option value=3>Русский</option'>
       <option value=4>Украинский</option'>
    </select'>

      Данный пример аудиодорожек подходит для канала EuroNews, вещение которого ведет провайдер Trolan
      Для того, что бы определить какие аудиодорожки поддерживает канал, нужно запустить трансляцию в VLC плеере вашего компьютера и в панели управления нажать "Аудио"=>"Аудиодорожка"

    Для работы требуется подключение javascript, в код плеера после type="application/x-vlc-plugin" добавьте с новой строки или через пробел id="vlc"
    перед самим плеером или перед тегом </head> добавьте следующий код:
    Код:
    <script language="javascript"'>
    <!--
    function doAudioChannel(value)
    {
       var vlc = getVLC("vlc");
       vlc.audio.track = parseInt(value);
       alert(vlc.audio.track);
    };
    --'>
    </script>

    Если к плееру уже подключен javascript, то перед
    Код:
    --'>
    </script>

    добавьте
    Код:
    function doAudioChannel(value)
    {
       var vlc = getVLC("vlc");
       vlc.audio.track = parseInt(value);
       alert(vlc.audio.track);
    };

    Также можно указать выбор определенных языков кнопками(в этом случае все выше описаные операции проводить не нужно!)
    Код:
    <input type="button" value="Французкий" onclick="vlc.audio.track=1;"/>
    <input type="button" value="Английский" onclick="vlc.audio.track=2;"/>
    <input type="button" value="Русский" onclick="vlc.audio.track=3;"/>
    <input type="button" value="Украинский" onclick="vlc.audio.track=4;"/>



Продолжение следует...


01 мар 2015, 09:35
   
Не в сети
VIP
Аватара пользователя

Благодарил (а): 1415 раз.
Поблагодарили: 3442 раз.
Зарегистрирован:
03 ноя 2014, 19:52
Сообщения: 797
Откуда: Territory of the Cocos Islands
Имеется на старом сайте POSLE примерно такой вид VLC плеера:
Цитата:
<div align="center"><SCRIPT type=text/javascript>
<!--
var ar = '16:10';
var options=new Array(
':http-caching=3000',
':http-reconnect',
'aspect-ratio='+ar
);

function init() {
myvlc = new VLCObject("vlc", "600", "400");
myvlc.write("player");
play();
}
function play()
{
var vlc = document.getElementById("vlc");
var f = document.getElementById('ch');
var ch=f.options[f.selectedIndex].value;
if(ch=='-1')
{
vlc.playlist.stop(); if(confirm("TV kanāls nav pieejams")) window.open("/login");
}
else
{
//vlc.playlist.stop();
//vlc.playlist.items.clear();
var id = vlc.playlist.add(ch, null, options );
vlc.playlist.playItem(id)
//vlc.playlist.play();
}
//document.getElementById('player').innerHTML = '<object width="600" height="450" id="vlc"><param name="ShowDisplay" value="true"><param name="MRL" value="'+ch+'"><param name="AutoLoop" value="true"><param name="AutoPlay" value="true"><param name="Volume" value="50"><param name="toolbar" value="true"><embed type="application/x-vlc-plugin" version="VideoLAN.VLCPlugin.2" width="600" height="450" name="vlc" target="'+ch+'" autoplay="true" loop="yes" volume="50" toolbar="true" text="..."></object><br>';
}
function ch_asratio(as)
{
ar = as; vlc.video.aspectRatio = as;
}
//-->
</SCRIPT>

<div id="player"><embed id="vlc" height="500" name="vlc" type="application/x-vlc-plugin" pluginspage="http://posle.at.ua/vlc/help.htm" width="750" version="VideoLAN.VLCPlugin.2"></div>
<div align="center">
<span style="font-size: 12pt">
<font color="#003333">
<strong>
<u>Выберите канал:</u>
</strong>
</font>
</span>
<select id="ch" onchange="play()" size="1">
<option selected="">Откройте список каналов -->></option>
<option value="http://xxx.xxx.xxx.xxx:xxxx">Channel X</option>
<option value="http://yyy.yyy.yyy.yyy:yyyy">Channel Y</option>
<option value="http://zzz.zzz.zzz.zzz:zzzz">Channel Z</option>
</select></div></div>
<div align="center"><input type='button' value='Play' onclick="vlc.playlist.play();">
<input type='button' value='Pause' onclick="vlc.playlist.togglePause();">
<input type='button' value='Stop' onclick="vlc.playlist.stop();">
Аудио:
<input type='button' value='-' onclick="vlc.audio.volume+=(-10);">
<input type='button' value='+' onclick="vlc.audio.volume+=(+10);">
<input type='button' value='Звук вкл./выкл.' onclick="vlc.audio.toggleMute();">
Видео:<input type="button" value="16:9" onclick="vlc.video.aspectRatio=(this.value);"/>
<input type="button" value="16:10" onclick="vlc.video.aspectRatio=(this.value);"/>
<input type="button" value="4:3" onclick="vlc.video.aspectRatio=(this.value);"/>
<input type="button" value="Полный экран" onclick="vlc.video.toggleFullscreen();"/></div>

Как в него добавить кнопки переключения каналов на последуюший и предідущий ?

_________________
Спойлер
Изображение


Smart TV - Samsung ES6307
TV BOX - CS918/RK3188T Android v.4.4.2
TV BOX - Nexbox A95X Android v.6.0.1
Smartphone - Lenovo A330E Android v.4.3.0
Tiger T2 HD IPTV v.1.5.0.0
uClan T2 HD Internet plus v.1.13
World Vision Premium T2/C/IPTV v.2.3.87


13 июн 2015, 21:39
   
Не в сети
Администратор
Аватара пользователя

Благодарил (а): 27126 раз.
Поблагодарили: 2293 раз.
Зарегистрирован:
18 окт 2014, 09:03
Сообщения: 421
Откуда: Днепр
я не пробовал, сейчас нет возможности проверить... но примерно так
Код:
<input type='button' value='Prev' onClick="vlcPrev()">
<input type='button' value='Next' onClick="vlcNext()">


14 июн 2015, 12:09
   
Не в сети
VIP
Аватара пользователя

Благодарил (а): 1415 раз.
Поблагодарили: 3442 раз.
Зарегистрирован:
03 ноя 2014, 19:52
Сообщения: 797
Откуда: Territory of the Cocos Islands
Кнопки возникают, но они нерабочие.
Надо правильно команду после "vlc" подобрать.
Может чего-то не хватает ?
И нужен ли символ ";" после "()" ?

_________________
Спойлер
Изображение


Smart TV - Samsung ES6307
TV BOX - CS918/RK3188T Android v.4.4.2
TV BOX - Nexbox A95X Android v.6.0.1
Smartphone - Lenovo A330E Android v.4.3.0
Tiger T2 HD IPTV v.1.5.0.0
uClan T2 HD Internet plus v.1.13
World Vision Premium T2/C/IPTV v.2.3.87


14 июн 2015, 20:06
   
Не в сети
VIP
Аватара пользователя

Благодарил (а): 400 раз.
Поблагодарили: 1077 раз.
Зарегистрирован:
01 дек 2014, 22:45
Сообщения: 212
Откуда: Украина, Мариуполь / Россия Димитровград
Всем привет. Приеду с командировки, посмотрю. )))

_________________
Приятного просмотра и не забываем ставить Изображение


16 июн 2015, 03:40
   
Не в сети
Администратор
Аватара пользователя

Благодарил (а): 27126 раз.
Поблагодарили: 2293 раз.
Зарегистрирован:
18 окт 2014, 09:03
Сообщения: 421
Откуда: Днепр
Serhiy1970 писал(а):
Кнопки возникают, но они нерабочие.
Надо правильно команду после "vlc" подобрать.
Может чего-то не хватает ?
И нужен ли символ ";" после "()" ?

попробуй так еще
Код:
<input type='button' value='Prev' onclick="vlc.playlist.prev();">
<input type='button' value='Next' onclick="vlc.playlist.next();">


16 июн 2015, 06:51
   
Не в сети
VIP
Аватара пользователя

Благодарил (а): 1415 раз.
Поблагодарили: 3442 раз.
Зарегистрирован:
03 ноя 2014, 19:52
Сообщения: 797
Откуда: Territory of the Cocos Islands
Цитата:
попробуй так еще

Иногда работает, но в основном переключает на тот же канал.

Спасибо!

_________________
Спойлер
Изображение


Smart TV - Samsung ES6307
TV BOX - CS918/RK3188T Android v.4.4.2
TV BOX - Nexbox A95X Android v.6.0.1
Smartphone - Lenovo A330E Android v.4.3.0
Tiger T2 HD IPTV v.1.5.0.0
uClan T2 HD Internet plus v.1.13
World Vision Premium T2/C/IPTV v.2.3.87


17 июн 2015, 21:12
   
Не в сети
Администратор
Аватара пользователя

Благодарил (а): 27126 раз.
Поблагодарили: 2293 раз.
Зарегистрирован:
18 окт 2014, 09:03
Сообщения: 421
Откуда: Днепр
Serhiy1970 писал(а):
Иногда работает, но в основном переключает на тот же канал.

Скрыто под 10 сообщений

Скрытый текст. Нужно быть зарегистрированным и иметь 10 сообщений(я)(е).


19 июн 2015, 00:46
   
Не в сети
VIP
Аватара пользователя

Благодарил (а): 1415 раз.
Поблагодарили: 3442 раз.
Зарегистрирован:
03 ноя 2014, 19:52
Сообщения: 797
Откуда: Territory of the Cocos Islands
Теперь PREV и NEXT работают !!! Так же сделан автозапуск с начального канала.
Спасибо умельцу Dufus.
Код:
<div align="center"><SCRIPT type=text/javascript>
<!--
var ar = '16:10';
var options=new Array(
':http-caching=3000',
':http-reconnect',
'aspect-ratio='+ar
);


var Channels=new Array(
//["empty","---------------------",0],
["STREAM 1","CHANNEL 1",0],
["STREAM 2","CHANNEL 2",0],
["STREAM 3","CHANNEL 3",0],
["STREAM N","CHANNEL N",0]
);


var CurrentID=-1;

function init() {

     var vlc = document.getElementById("vlc");
     for (i=0;i<Channels.length;i++)
     {
       if (i==0)
       {
         firstid=vlc.playlist.add(Channels[i][0],null,options);
         Channels[i][2] = firstid;
       }
       else
       {
         Channels[i][2] = vlc.playlist.add(Channels[i][0],null,options);
       }
     }
     CurrentID=firstid;
     vlc.playlist.playItem(CurrentID);


      LoadItems();     

}

function LoadItems()
{
  var ch_select = document.getElementById('ch');
 
  while(ch_select.options.length)
  {
    ch_select.remove(0);
  }

  for (i=0;i<Channels.length;i++)
  {
    ch_select.options[ch_select.options.length] = new Option(Channels[i][1],Channels[i][2],false,false);
  }
 


function SelectItem()
{
  var ch_select = document.getElementById('ch');

 for (var option = 0; option < ch_select.length; option++ )
 {
   if (ch_select[option].value == CurrentID)
   {
     ch_select[option].selected = true;
     break;
   }
 }


}

function play()
{
  var vlc = document.getElementById("vlc");
  var f = document.getElementById('ch');
  var ch=f.options[f.selectedIndex].value;
 
    CurrentID=parseInt(ch);
    vlc.playlist.playItem(CurrentID);
    SelectItem();
}
function ch_asratio(as)
{
  ar = as; vlc.video.aspectRatio = as;
}


function MaxChannelID()
{
  var RetVal=0;
  if (Channels.length>0) RetVal=Channels[Channels.length-1][2];
  return RetVal;
}

function MinChannelID()
{
  var RetVal=0;
  if (Channels.length>0) RetVal=Channels[0][2];
  return RetVal;
}

function next()
{
 
  var vlc = document.getElementById("vlc");
  var max_of_array = MaxChannelID();
  var min_of_array = MinChannelID();

  if (CurrentID>-1)
  {
    if (CurrentID==max_of_array) CurrentID=min_of_array;
    else CurrentID=CurrentID+1;
    vlc.playlist.playItem(CurrentID);     
    SelectItem();
  }

 
}
function prev()
{
  var vlc = document.getElementById("vlc");
  var max_of_array = MaxChannelID();
  var min_of_array = MinChannelID();

  if (CurrentID>-1)
  {
    if (CurrentID==min_of_array) CurrentID=max_of_array;
    else CurrentID=CurrentID-1;
    vlc.playlist.playItem(CurrentID);     
    SelectItem();
  }
 
}
//-->
</SCRIPT>

<div id="player">
<embed id="vlc" height="450" name="vlc" type="application/x-vlc-plugin" pluginspage="http://posle.at.ua/vlc/help.htm" width="750" version="VideoLAN.VLCPlugin.2">
</div>
<div align="center">
<span style="font-size: 12pt">
<font color="#003333">
<strong>
<u>Выберыце канал:</u>
</strong>
</font>
</span>
<select id="ch" onchange="play()" size="1" style="width: 250px; min-width: 250px; max-width: 350px;">
</select></div></div>
<div align="center"><input type='button' value='Play' onclick="play();">
<input type='button' value='Pause' onclick="vlc.playlist.togglePause();">
<input type='button' value='Stop' onclick="vlc.playlist.stop();">
<input type='button' value='Prev' onclick="prev();">
<input type='button' value='Next' onclick="next();">
Аўдыё:
<input type='button' value='-' onclick="vlc.audio.volume+=(-10);">
<input type='button' value='+' onclick="vlc.audio.volume+=(+10);">
<input type='button' value='Гук укл./выкл.' onclick="vlc.audio.toggleMute();">
Відэа:<input type="button" value="16:9" onclick="vlc.video.aspectRatio=(this.value);"/>
<input type="button" value="16:10" onclick="vlc.video.aspectRatio=(this.value);"/>
<input type="button" value="4:3" onclick="vlc.video.aspectRatio=(this.value);"/>
<input type="button" value="Поўны экран" onclick="vlc.video.toggleFullscreen();"/></div>

_________________
Спойлер
Изображение


Smart TV - Samsung ES6307
TV BOX - CS918/RK3188T Android v.4.4.2
TV BOX - Nexbox A95X Android v.6.0.1
Smartphone - Lenovo A330E Android v.4.3.0
Tiger T2 HD IPTV v.1.5.0.0
uClan T2 HD Internet plus v.1.13
World Vision Premium T2/C/IPTV v.2.3.87


20 июл 2015, 21:23
   
 [ Сообщений: 9 ] 


Кто сейчас на конференции

Сейчас этот форум просматривают: CommonCrawl [Bot] и гости: 0


Кто и когда?

44 чел. просмотрели эту тему: Cergey (1), Dred6678 (8), Hadjibaba (1), Kunica1 (14), Nikolka00 (1), Rayzor (1), Romec83 (1), SekRyoGa (1), Serhi (1), Serhiy1970 (19), USSR (1), adres13 (1), afonia1971 (5), aspen (1), bigman (10), boec80 (1), cheba (11), cn982114 (1), digjital (2), domg7168 (8), evaldas1973 (1), havbek (4), hnn (1), kondrat1606 (1), kornik (1), kulllllnew (1), master2170 (1), midav (2), mkl (1), rotor (3), s@t (7), serj66 (1), serzhak1 (2), slava7118 (6), tottika (1), tranformer (2), vbvb77 (2), victor070 (4), vladch68 (1), waldemar07 (2), wmd78 (1), yurii40 (1), Михалыч (1), Прохожий (29)


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Перейти:  

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.