Чтение RSS каналов

Форум

Открыть Ответить

StaticPage + flash видео, аудио и фотоальбоиы

5

5
1
06.02.2010 11:05:24
Хороший модуль сделал KentAVr http://www.slaed.net/files-view-84.html

почему я испольую статические страницы? потомучто можно вставить код php.

тут несколько рекомендаций по использованию, а именно созданию статических страниц с использованием флэшплеера для вставки видео, аудио и картинок (фотоальбомов), не обязательно знать язык php очень хорошо.

прежде чем использовать эти рекомендации создатель модуля забыл прописать глобальную переменную $homeurl при создании страниц, поэтому редактируем файл index.php в папке admin модуля ищем там

function sp_save() {

в ней
."global \$blocks,\$sp_blocks,\n"

дописываем
."global \$blocks,\$sp_blocks,\$homeurl;\n"


теперь в коде мы можем использовать глобальную переменную с адресом сайта.

в следующих сообщениях буду размещать рекомендации.


Версия системы: SLAED CMS 1.6 Free
2
06.02.2010 11:30:2806.02.2010 11:31:17
Использование uppod флэш-плеера http://uppod.ru для видео


для использования нескольких видеороликов в одной странице файлы должны иметь одинаковые имена и отличатся только последней цифрой, например pdd1.flv pdd2.flv pdd3.flv ...
вставляем в окно для php кода вот этот код

# тут ничего не меняем, это url;
$url=$homeurl."/";
# путь к плееру;
$player=$url."player/uppod.swf";
#высота и ширина плеера;
$w=500;
$h=375;
# путь к стилю плеера;
$st=$url."player/style/video0.txt";
# названия роликов;
$comment[1]="В АВТОБУСЕ";
$comment[2]="МОТОЦИКЛЕТНЫЕ ПРАВИЛА";
$comment[3]="ПАССАЖИРЫ";
$comment[4]="НА ОСТАНОВКЕ";
$comment[5]="НЕКУЛЬТУРНЫЕ АВТОМОБИЛИ";
      
#ниже цикл, где 5 - количество роликов;
for ($i = 1; $i <= 5; $i++) {
#путь к видеофайлам;
$file[$i]=$url."uploads/video/pdd/smpdd".$i.".flv";
#путь к картинке заставки;
$poster[$i]=$url."uploads/video/pdd/img/smpdd".$i.".jpg";
#далее формируется html код;
$content1[$i]='<object id="videoplayer'.$i.'" type="application/x-shockwave-flash" data="'.$player.'" width="'.$w.'" height="'.$h.'"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="'.$player.'" /><param name="flashvars" value="comment='.$comment[$i].'&st='.$st.'&file='.$file[$i].'&poster='.$poster[$i].'" /></object>';

$tmp1='<form action="" name="embedForm'.$i.'" id="embedForm'.$i.'">НTML код для вставки <input id="embed_code'.$i.'" name="embed_code'.$i.'" value=';
$tmp2=' onclick="document.embedForm'.$i.'.embed_code'.$i.'.focus();document.embedForm'.$i.'.embed_code'.$i.'.select();" readonly="readonly" type="text"></form>';

$content2[$i]=$tmp1."'".$content1[$i]."'".$tmp2;
};


для использования прописываем переменные в html

$content1[номер] - вставка видеоролика
$content2[номер] - вставка строки для кода, если не надо вставлять, то не используем.

В данном случае вот так это выглядит:

$content1[1]<br/>
$content2[1]<br/>
$content1[2]<br/>
$content2[2]<br/>
$content1[3]<br/>
$content2[3]<br/>
$content1[4]<br/>
$content2[4]<br/>
$content1[5]<br/>
$content2[5]<br/>


а вот результат: http://kusheev.com/video_pdd2.htm


Версия системы: SLAED CMS 1.6 Free
3
06.02.2010 11:36:5106.02.2010 11:46:00
для работы примера папки player и uploads в корень сайта.
index.php - индексный файл в папку admin модуля StaticPages

скачать файлы можно тут
http://kusheev.com/uploads/uploads.zip
http://kusheev.com/uploads/player.zip
http://kusheev.com/uploads/index.zip
4
07.02.2010 10:46:4607.02.2010 10:48:31
Создание фотоальбома на основе jw-player с авто масштабированием под размеры окна браузера клиента.
для использования необходимо скачать файлы http://kusheev.com/uploads/imagerotator.zip

imagerotator.swf и swfobject.js ложим в папку player
файл image.xml редактируем прописывая свои пути к файлам фото.

в поле html пишем код


<script type="text/javascript" src="$object"></script>
<div id="player">Возможно не включен flash в браузере или не установлен.</div>


<script type="text/javascript">
function getClientWidth()
{
return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}
function getClientHeight()
{
return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}
</script>

<script type="text/javascript">
//ниже вычисление ширины окна, отнимаем ширину боковых и верхнего блока;
wid1=getClientWidth()-185;
hei1=getClientHeight()-10;
//условия пропорций, если пропорции фото другие соответственно подправить
if (hei1/3*4<wid1)
{
wid=hei1/3*4;
hei=hei1;
}
else
{
wid=wid1;
hei=wid/4*3;
}
// раскомментируем если хотим выставить фиксированные размеры;
//wid=500;
//hei=375;
var so = new SWFObject("$player","mpl",wid,hei,"8");
so.addParam('allowfullscreen','true');
so.addParam('flashvars','file=$plist&shuffle=0');
so.write('player');
</script>


далее в поле php пишем

$url=$homeurl."/";
$object=$url."player/swfobject.js";
$player=$url."player/imagerotator.swf";
$plist=$url."uploads/pl/image.xml";


код html можно использовать не только в статик пейдж, только изменить переменные на пути к плееру и плэйлисту.


работу можно посмотреть сдесь http://kusheev.com/man/photo3.htm
Открыть Ответить
Хотите опробовать SLAED CMS в действии?

Технологии

PHP MySQL HTML 5 CSS 3 jQuery jQuery UI

Контакты

  • D-49179, Deutschland
    Ostercappeln, Im Siek 6
  • +49 176 61966679

  • https://slaed.net
Идеи и предложения
Обратная связь