Сообщения без ответов | Активные темы Текущее время: 18 апр 2024, 10:51




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

Благодарил (а): 27125 раз.
Поблагодарили: 2290 раз.
Зарегистрирован:
18 окт 2014, 11:03
Сообщения: 379
Откуда: Днепр
В этой теме наведу примеры подключения 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, 11:35
   
Не в сети
VIP
Аватара пользователя

Благодарил (а): 1455 раз.
Поблагодарили: 3772 раз.
Зарегистрирован:
03 ноя 2014, 21:52
Сообщения: 905
Откуда: 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>

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


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

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


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

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


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

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

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


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

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

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


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

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

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

Спасибо!


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

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

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

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


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

Благодарил (а): 1455 раз.
Поблагодарили: 3772 раз.
Зарегистрирован:
03 ноя 2014, 21:52
Сообщения: 905
Откуда: 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>


20 июл 2015, 23:23
   
Показать сообщения за:  Поле сортировки  
    [ Сообщений: 9 ] 


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

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0


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

Найти:
Перейти:  

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