Login
Слайдшоу на сайте???
378 просмотров
Перейти к просмотру всей ветки
in Antwort Waldemar001 15.08.06 12:12, Zuletzt geändert 15.08.06 19:16 (barma_lej)
Не надо на "Вы", на "ты" лучше, мы в виртуале.
Относись попроще к писанине. Смотри:
1. Мы можем встроить Player на HTML страницу.
2. Player может воспроизводить файлы по порядку.
а) Но когда он это делает? - Когда есть список файлов.
б) Как сделать список файлов? - Сохранить список (PlayList), или написать его ручками
3. Чтобы загрузить Player с готовым списком, ему надо дать его. Поэтому вместо имени файла MP3, дадим ему список (Пусть это будет M3U).
Теперь ближе к тебе:
1. Создаем файл index.html (его содержимое ниже)
2. Создаём каталог bild кладём в него, нужные для слайдшоу, картинки.
Формат имен bild[счётчик].gif (пример bild1.gif, bild2.gif, ..., bild99.gif, ..., bildN.gif), тип файла может быть и другим (например: jpg или png), но тогда надо будет поменять его в файле index.html (в строке var img_format="gif" вместо "gif" пишем "jpg").
3. Создаём каталог musik кладём в него, нужные для фоновой музыки, файлы mp3.
Создаем в нём файл test.m3u.
Теперь содержимое файлов test.m3u и index.html:
test.m3u:
Здесь просто список файлов, нужных для воспроизведения. Это упрощённый формат m3u файла, можно добавить теги, но нам это сейчас не нужно.
index.html:
Для слайдшоу тебе нужно поменять:
Количество картинок var img_count=15; ставим нужное нам.
Время показа (в двух местах) setTimeout('imgchange()',5000); и <body onLoad="setTimeout('imgchange()',5000);">
Тип файлов в строке var img_format="gif" ставим нужный тип.
Музыку встраиваем с помощью тега EMBED и MSPlayer'а.
type="application/x-mplayer2" - MIME-Typе
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" - ссылка на Player
name="MediaPlayer" - Имя объекта
src="musik/test.m3u" - Ссылка на список воспроизведения.
С этими параметрами можешь поиграться
width="300" height="69" - Ширина и высота объекта
AutoSize = Автоматический размер (1 - да, 0 - нет)
AutoStart = Автоматическое воспроизведение (1 - да, 0 - нет).
Volume = Установка уровня регулятора громкости по умолчанию (1 - 50%, 0 - 100%)
ShowTracker = "Cлайдер" (бегунок, визуально показывающий прогресс воспроизведения) (1 - показывать, 0 - не показывать)
ShowPositionControls = Дополнительные элементы управления (перемотка и переход на предыдущий/следующий трек) (1 - показывать, 0 - не показывать)
ShowDisplay = Отображение экрана при трансляции видео (1 - показывать, 0 - не показывать)
ShowControls = Элементы управления плеером (1 - показывать, 0 - не показывать)
ShowStatusBar = Строка состояния (в которой отображается информация о воспроизводимом файле) (1 - показывать, 0 - не показывать)
Вот вроде и всё, спрашивай что непонятно
Относись попроще к писанине. Смотри:
1. Мы можем встроить Player на HTML страницу.
2. Player может воспроизводить файлы по порядку.
а) Но когда он это делает? - Когда есть список файлов.
б) Как сделать список файлов? - Сохранить список (PlayList), или написать его ручками
3. Чтобы загрузить Player с готовым списком, ему надо дать его. Поэтому вместо имени файла MP3, дадим ему список (Пусть это будет M3U).
Теперь ближе к тебе:
1. Создаем файл index.html (его содержимое ниже)
2. Создаём каталог bild кладём в него, нужные для слайдшоу, картинки.
Формат имен bild[счётчик].gif (пример bild1.gif, bild2.gif, ..., bild99.gif, ..., bildN.gif), тип файла может быть и другим (например: jpg или png), но тогда надо будет поменять его в файле index.html (в строке var img_format="gif" вместо "gif" пишем "jpg").
3. Создаём каталог musik кладём в него, нужные для фоновой музыки, файлы mp3.
Создаем в нём файл test.m3u.
Теперь содержимое файлов test.m3u и index.html:
test.m3u:
В ответ на:
1.mp3
2.mp3
3.mp3
1.mp3
2.mp3
3.mp3
Здесь просто список файлов, нужных для воспроизведения. Это упрощённый формат m3u файла, можно добавить теги, но нам это сейчас не нужно.
index.html:
В ответ на:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//RU">
<html>
<head>
<title>Слайдшоу</title>
<meta name=vs_targetSchema content="HTML 4.0">
<meta HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript">
<!--
var img_index=1;
var img_count=15; // количество картинок;
var img_format="gif" // Тип файлов-картинок
var img_array=new Array(); // Массив имён картинок (формат имени - "bild"+порядковый номер)
// Заполняем массив имён картинок
for (i=1; i<=img_count; i++) {
img_array[img_array.length]="bild"+i+"."+img_format;
}
// Смена картинок 2 параметр в setTimeout - время в миллисекундах.
function imgchange() {
var v_img="";
if (img_index>=img_count) {
img_index=1;
}
v_img="./bild/"+String(img_array[img_index]);
img_index++;
document.getElementById("img_change").src=v_img;
setTimeout('imgchange()',5000); // Здесь меняем время показа
}
//-->
</script>
</head>
<body onLoad="setTimeout('imgchange()',5000);"> <!-- Здесь время показа первой картинки -->
<div style="text-align:center;">
<img src="./bild/bild1.gif" id="img_change" border="0">
<br />
<embed type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
name="MediaPlayer"
src="musik/test.m3u"
width="300" height="69"
AutoSize="0"
AutoStart="1"
Volume="1"
ShowTracker="1"
ShowPositionControls="1"
ShowDisplay="0"
ShowControls="1"
ShowStatusBar="1">
</embed>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//RU">
<html>
<head>
<title>Слайдшоу</title>
<meta name=vs_targetSchema content="HTML 4.0">
<meta HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript">
<!--
var img_index=1;
var img_count=15; // количество картинок;
var img_format="gif" // Тип файлов-картинок
var img_array=new Array(); // Массив имён картинок (формат имени - "bild"+порядковый номер)
// Заполняем массив имён картинок
for (i=1; i<=img_count; i++) {
img_array[img_array.length]="bild"+i+"."+img_format;
}
// Смена картинок 2 параметр в setTimeout - время в миллисекундах.
function imgchange() {
var v_img="";
if (img_index>=img_count) {
img_index=1;
}
v_img="./bild/"+String(img_array[img_index]);
img_index++;
document.getElementById("img_change").src=v_img;
setTimeout('imgchange()',5000); // Здесь меняем время показа
}
//-->
</script>
</head>
<body onLoad="setTimeout('imgchange()',5000);"> <!-- Здесь время показа первой картинки -->
<div style="text-align:center;">
<img src="./bild/bild1.gif" id="img_change" border="0">
<br />
<embed type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
name="MediaPlayer"
src="musik/test.m3u"
width="300" height="69"
AutoSize="0"
AutoStart="1"
Volume="1"
ShowTracker="1"
ShowPositionControls="1"
ShowDisplay="0"
ShowControls="1"
ShowStatusBar="1">
</embed>
</div>
</body>
</html>
Для слайдшоу тебе нужно поменять:
Количество картинок var img_count=15; ставим нужное нам.
Время показа (в двух местах) setTimeout('imgchange()',5000); и <body onLoad="setTimeout('imgchange()',5000);">
Тип файлов в строке var img_format="gif" ставим нужный тип.
Музыку встраиваем с помощью тега EMBED и MSPlayer'а.
type="application/x-mplayer2" - MIME-Typе
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" - ссылка на Player
name="MediaPlayer" - Имя объекта
src="musik/test.m3u" - Ссылка на список воспроизведения.
С этими параметрами можешь поиграться
width="300" height="69" - Ширина и высота объекта
AutoSize = Автоматический размер (1 - да, 0 - нет)
AutoStart = Автоматическое воспроизведение (1 - да, 0 - нет).
Volume = Установка уровня регулятора громкости по умолчанию (1 - 50%, 0 - 100%)
ShowTracker = "Cлайдер" (бегунок, визуально показывающий прогресс воспроизведения) (1 - показывать, 0 - не показывать)
ShowPositionControls = Дополнительные элементы управления (перемотка и переход на предыдущий/следующий трек) (1 - показывать, 0 - не показывать)
ShowDisplay = Отображение экрана при трансляции видео (1 - показывать, 0 - не показывать)
ShowControls = Элементы управления плеером (1 - показывать, 0 - не показывать)
ShowStatusBar = Строка состояния (в которой отображается информация о воспроизводимом файле) (1 - показывать, 0 - не показывать)
Вот вроде и всё, спрашивай что непонятно