Сегодня мы будем делать Онлайн Кинотеатр .Начнём.
Выбор модуля не занял много времени. Выбран каталог файлов. 1.В ПУ » Активируем модуль каталог файлов
2.В ПУ » Каталог файлов » Настройки модуля
3.В ПУ » Замена стандартных надписей
4.В ПУ » Управление дизайном
Код вида материалов(легко изменяем)
Code
<table width="100%" border="0" cellspacing="0" cellpadding="2" style="border:1px solid#b5b8c8; ;border-style:dashed;">
<tr >
<td style="background:#333333;height:24px;border:0px;"> </td>
<td style="background:#333333;height:24px;border:0px;"><?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?> <b><a href="$ENTRY_URL$">$TITLE$</a></b></td>
</tr>
<tr>
<td style="background: #f2f2f2;width:120;align:center;text-align:center;border-left:3px solid #333333;border-right:3px solid #333333"><img src="$SCREEN_URL$" alt="" height="230" width="170"></td>
<td style="background: #f2f2f2;color:#888688;text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</td>
</tr>
<tr>
<td style="background:#333333;height:24px;border:0px;"><?if($CATEGORY_NAME$)?><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></td>
<td style="background:#333333;height:24px;border:0px;color:#888688;">Просмотров: $READS$ <?if($RATING$)?>| Рейтинг: $RATING$/$RATED$<?endif?> | Дата: <span title="$TIME$">$DATE$</span></td>
</tr>
</table>
5.В ПУ » Управление дизайном » Каталог файлов » Cтраница материала и коментариев к нему
Вид
Заменяем всё на:
Code
var currentVolume = 80;
var currentPosition = 0;
var currentState = 'NONE';
var currentLoaded = 0;
var currentRemain = 0;
var player = null;
function playerReady(thePlayer) {
player = window.document[thePlayer.id];
addListeners();
}
function addListeners() {
if (player) {
player.addControllerListener("ITEM", "itemListener");
player.addControllerListener("MUTE", "muteListener");
player.addModelListener("LOADED", "loadedListener");
player.addModelListener("STATE", "stateListener");
player.addModelListener("TIME", "positionListener");
player.addViewListener("VOLUME", "volumeListener");
} else {
setTimeout("addListeners()",100);
}
}
function volumeListener(obj) {
currentVolume = obj.percentage;
var tmp = document.getElementById("vol");
if (tmp) { tmp.innerHTML = "volume: " + currentVolume; }
}
function positionListener(obj) {
currentPosition = obj.position;
var tmp = document.getElementById("tim");
if (tmp) { tmp.innerHTML = "position: " + currentPosition; }
}
function getLength() { currentLength = player.getPlaylist().length; return(currentLength); };
function loadFile(theFile) { currentItem = -1; previousItem = -1; player.sendEvent('LOAD', theFile); };
function deletePlayer(theWrapper, thePlaceholder, thePlayerId) {
swfobject.removeSWF(thePlayerId);
var tmp=document.getElementById(theWrapper);
if (tmp) { tmp.innerHTML = "<div id='" + thePlaceholder + "'></div>"; }
}
function createPlayer(theFile, theSkin, theAutostart) {
var flashvars = {
file:theFile,
autostart:theAutostart,
skin:theSkin,
logo:'http://ucinema.do.am/player/minilogo.png',
image:"$SCREEN_URL$"
}
var params = {
allowfullscreen:"true",
allowscriptaccess:"always"
}
var attributes = {
id:"player1",
name:"player1"
}
swfobject.embedSWF("http://ucinema.do.am/player/player.swf", "placeholder1", "80%", "400", "9.0.115", false, flashvars, params, attributes);
}
function initPlayer(theFile, theSkin, theAutostart) {
currentFile = theFile;
currentSkin = theSkin;
deletePlayer('wrapper', 'placeholder1', 'player1');
createPlayer(theFile, theSkin, theAutostart);
}
</script>
<head>
<body style="background-color:#FFFFFF; margin:0;padding:0;" onload="initPlayer('$RFILE_DIRECT_URL$', document.getElementById('sel1').value, false)">
$ADMIN_BAR$
$GLOBAL_AHEADER$
<!-- <middle> -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="padding:0px">
$GLOBAL_CLEFTER$
</td>
<td valign="top" width="80%" style="padding-top:13px">
<div class="eTitle" style="padding-bottom:3px;"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>Смотрим: $ENTRY_TITLE$ $VERSION$</div>
<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock" hge>
<tr><td width="85%">
<br>
<div id="wrapper" align="center">
<div id="placeholder1"></div>
</div>
<br>
<div id="about" class="afilm"><p aign="left"><b>Описания фильма - $ENTRY_TITLE$</b></p></p>$BRIEF$</div><br>
<table border="0" width="100%" cellspacing="0" cellpadding="2" class="PlayersTable">
<tr>
<td align="left"><input type="submit" class="ChangePlayer1" id="sel1" name="skin1" value="Чёрный плеер" onClick="initPlayer(currentFile, 'http://ucinema.do.am/player/modieus.swf', false);"> <input type="submit" class="ChangePlayer2" id="sel1" name="skin2" value="Серый плеер" onClick="initPlayer(currentFile, 'http://ucinema.do.am/player/stijl.swf', false);"> <input type="submit" class="ChangePlayer3" id="sel1" name="skin3" value="Стандартный плеер" onClick="initPlayer(currentFile, 'http://ucinema.do.am/player/player.swf', false);"> <input type="submit" class="ChangePlayer3" id="about" name="about" value="Описание фильма" onClick="$('#about').slideToggle(350)">
</td>
<td align="right"><input type="submit" class="ChangePlayer1" id="sel1" name="pandp" value="Play/Pause" onClick="player.sendEvent('PLAY');"> <input type="submit" class="ChangePlayer1" name="seek1" value="«Назад" onClick="player.sendEvent('SEEK', currentPosition-30)"><input type="submit" class="ChangePlayer1" name="seek1" value="Вперёд»" onClick="player.sendEvent('SEEK', currentPosition+30)"> <input type="submit" class="soundbutton" id="mute" name="mute" value="" onClick="player.sendEvent('MUTE')"> <input type="submit" class="ChangePlayer1" name="seek1" value="Вперёд»" onClick="player.sendEvent('SEEK', currentPosition+30)"> <input type="submit" class="ChangePlayer3" id="mute" name="mute" value="Звук -10" onClick="javascript:player.sendEvent('VOLUME', currentVolume-10)"> <input type="submit" class="ChangePlayer3" id="mute" name="mute" value="Звук +10" onClick="javascript:player.sendEvent('VOLUME', currentVolume+10)">
</td>
</tr>
</table>
</td></tr>
</table >
<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="60%" height="25"><!--<s5183>-->Всего мнений<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>
<tr><td colspan="2">$COM_BODY$</td></tr>
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
<tr><td colspan="2" height="10"></td></tr>
</table>
<?endif?>
<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>-->
[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
<?endif?>
<?endif?><!-- </body> --></td></tr></table>
</td>
<td valign="top" style="padding:3px">
</td>
</tr>
</table>
<!-- </middle> -->
$GLOBAL_BFOOTER$
</body>
</html>
6.В ПУ » Управление дизайном » CSS
в самый конец ставим код
Code
.soundbutton{border: 0px;padding: 5px;margin: 0px;width: auto;background:url('http://ucinema.do.am/player/sound.png');cursor: pointer;letter-spacing: 0px;width:24px; height:24px;}
.soundbutton:hover{background:url('http://ucinema.do.am/player/soundactive.png')}
/* Чёрный плеер */
.ChangePlayer1 {border: 0px;padding: 5px;text-align: center;font-size: 10px;margin: 0px;width: auto;background:#333333;color: #888688;cursor: pointer;letter-spacing: 0px;font-family: verdana;}
.ChangePlayer1:hover {border: 0px;padding: 5px;text-align: center;font-size: 10px;margin: 0px;width: auto;background:#444444;color: #888688;cursor: pointer;letter-spacing: 0px;font-family: verdana;}
/* Чёрный плеер */
/* Серый плеер */
.ChangePlayer2 {border: 0px;padding: 5px;text-align: center;font-size: 10px;margin: 0px;width: auto;background:#b9b9b9;color: #888688;cursor: pointer;letter-spacing: 0px;font-family: verdana;}
.ChangePlayer2:hover {border: 0px;padding: 5px;text-align: center;font-size: 10px;margin: 0px;width: auto;background:#cccccc;color: #888688;cursor: pointer;letter-spacing: 0px;font-family: verdana;}
/* Серый плеер */
/* Стандартный плеер */
.ChangePlayer3 {border: 0px;padding: 5px;text-align: center;font-size: 10px;margin: 0px;width: auto;background:#d9d9d9;color: #888688;cursor: pointer;letter-spacing: 0px;font-family: verdana;}
.ChangePlayer3:hover {border: 0px;padding: 5px;text-align: center;font-size: 10px;margin: 0px;width: auto;background:#eeeeee;color: #888688;cursor: pointer;letter-spacing: 0px;font-family: verdana;}
/* Стандартный плеер */
Почему этот скрипт лучше других ГС для кинотетров
1. Создание(не через тупой embed код!) инициализация удаление плеера
2. Изменение плеера
3. Функция стоп/играть
4. Функция перепотаь вперёд/назад на 30 сек
5. Функция звук/нет звука
5. Функция повысить/понизить звук