[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Удобный плеер для сайта (.mp3)
N_e_x_TДата: Среда, 09.12.09, 15:16 | Сообщение # 1
[Admin]
Сообщений: 564
Награды: 7
« 9 »

iAudio - очень важная разработка от iSamax.ru, которую я выложу на все общее обозрение.
С помощью данного плеера, вы можете делать без знаний Flash. Свои дизайны для плеера.
Всё очень просто - Нужны только два дизайна кнопок Play или Pause.
iAudio нужен многим. Это факт. Многие даже не знают, что такое Flash, Action Script...
Поэтому, это решение именно для вас. Минусы и плюсы очень разного рода.

Начну с плюсов...
+1 - Не нужно знание Flash.
+2 - Скрипт очень прост.
+3 - Не нужно много знаний в сфере ActionScript. *(Их тут вообще не надо.)*
+4 - Возможность изменять дизайн по свойму.
+5 - Возможность адаптации к любым проектам.
----- Остальное найдите сами

Закончу минусами...
-1 - Нет возможности перемотки аудиозаписей.
-2 - Нужно обязательно ставить <script> на страници с плеером.
----- Остальное найдите сами

Ну, что, начнём...
1. Шаг. На страницу с плеером, первое что ставим, так это скрипт:

Code
<script>  
         function get_audio_show() {  
         document.getElementById('audio_play').style.display='block';  
         document.getElementById('audio_none').style.display='none';  
         document.getElementById('audio_play_to').style.display='block';  
}  
         function get_audio_close() {  
         document.getElementById('audio_play').style.display='none';  
         document.getElementById('audio_none').style.display='block';  
         document.getElementById('audio_play_to').style.display='none';  
}  
</script>

2. Шаг. Установка плеера в шаблон.

Code
<div align="center" id="audio_none">  
         <table>  
         <tr>  
         <td><img class="playimg" onclick="get_audio_show()" style="cursor:pointer" src="http://isamax.ru/Players/play.gif" width="16"></td><td>  <a href="javascript:get_audio_show()"></a></td>  
         </tr></table>  
</div>  

<div align="center" style="display:none" id="audio_play_to">  
         <table>  
         <tr>  
         <td><img class="playimg" onclick="get_audio_close()" style="cursor:pointer" src="http://isamax.ru/Players/pause.gif" width="16"></td><td>  <a href="javascript:get_audio_close()"></a></td>  
         </tr></table>  
</div>

3. Шаг. Сразу после ^ кода ставим код с песней желаемой к произведению.

Code
<div align="center" style="display:none" id="audio_play"><div style="position:absolute"><br>  
<object type="application/x-shockwave-flash" width="1" height="1" data="http://s23.ucoz.net/flash/audio.swf?song_url=ССЫЛКА НА MP3&background_color=#ffffff&show_copyright=0&autoplay=1&textoff=0&loop=0">  
<param name="movie" width="1" height="1" value="http://s23.ucoz.net/flash/audio.swf?song_url=ССЫЛКА НА MP3?&background_color=#ffffff&show_copyright=0&autoplay=1&textoff=0&loop=0">  
<param name="wmode" value="transparent"></object>  
</div></div>

Вот и всё. Пользуйтесь. Выкладывайте свои виды кнопочек, скинов, и разработок...
Тема будет дополняться.



 
  • Страница 1 из 1
  • 1
Поиск: