Сегодня мы будем делать Онлайн Кинотеатр .Начнём.
Выбор модуля не занял много времени. Выбран каталог файлов. 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><br />
5.В ПУ » Управление дизайном » Каталог файлов » Cтраница материала и коментариев к нему
Вид
заменяем всё на
Code
<html>
<head>
<title>$SITE_NAME$ - Смотрим $ENTRY_TITLE$</title>
<link type="text/css" rel="StyleSheet" href="http://ucinema.do.am/_st/my.css" />
<script type="text/javascript" src="http://filmsworld.ucoz.ru/raznoe/swfobject.js"></script>
<script type="text/javascript">
var currentPlaylist = null;
var currentLength = 0;
var currentItem = -1;
var previousItem = -1;
var currentMute = false;
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>--><br />[ <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;}
/* Стандартный плеер */
Для работы скрипта не обходимо загрузить к себе на сайт
swfobject.js
stijl.swf
player.swf
modieus.swf
sound.png
soundactive.png
Почему этот скрипт лучше других ГС для киотетров
1. Создание(не через тупой embed код!) инициализация удаление плеера
2. Изменение плеера
3. Функция стоп/играть
4. Функция перепотаь вперёд/назад на 30 сек
5. Функция звук/нет звука
5. Функция повысить/понизить звук
Иcточник: megasoft.3dn.ru автор Gleberochek