Как да сложа музика в blogger

Осъвремених статията, с оглед на настъпили промени в начина, по който blogger позволява поставянето на плеър или mp3 файл в публикация. Подоробностите ще откриете непосредствено до задрасканите части (виж по-долу).

Д. Митев

Обогатяването на сайта ви с видео, флаш-анимации или музика, неременно го прави по-интересен и по-функционален. По отношение на музиката в него, вече разгледах пасивния вариант, при който, звученето на музикалния файл започва още при влизане на посетителя в сайта, т.е. като музикален фон на сайта. Сега да видим интерактивния, при който посетителите да имат възможността да изберат дали и какво да слушат от поставените от нас в сайта музикални файлове. Ако ползвате wordpress.com, то вижте статията "Как да сложа музика в wordpress.com".

В случая, вариантите за поставяне на музика (mp3 файл) в сайта са няколко:

• връзка към музикален файл
  
• интегриран плеър за възпроизвеждане на музикален файл
  
• интегриран плеър за възпроизвеждане на музикален списък
  

Общото за всички тях е, че най-напред е нужно да си осигурите аудио файловете в някой от стандартните формати: MP3, WMA, MIDI и т.н., а след това, всеки файл трябва да получи и видим Интернет адрес, което позволява неговото директно отваряне (в случай, че разполагате с файла само на CD или на компютъра си, то трябва най-напред да го качите на избран от вас Интернет сървър, като това, което ви е нужно, е т. нар. URL - адресът в Интернет, където той се намира).

Поставянето на музикалния файл на сайта след това следва различна схема, в зависимост от предпочетения от вас от изброените по-горе варианти. По-долу ще разгледам само първите два, при които поставянето на аудиофайл е много лесно. Последният вариант е доста по-сложен за реализация и е в категорията на платените ми услуги.

1. Връзка към музикален файл

Най-лесното решение, което не изисква нищо повече от простото поставяне на хипервръзка към вашия музикален файл някъде в сайта ви - публикация, странична лента, джаджа и т. н. Вашата връзка би имала следният формат:

<a href="URL на музикалния файл">Текст</a>

На мястото на текста в оранжево, разбира се, трябва да е реалният адрес на аудио файла ви. "Текст" можете да поставите какъвто желаете. Той е това, което посетителите ви ще виждат и ще трябва да натиснат, за да прослушат файла.

Като недостатък на този вариант се явява единствено това, че при натискане на връзката от потребителя, на него му се предлага да отвори файла с програма от собствения му компютър.

2. Интегрирано възпроизвеждане на музикален файл чрез плеър

При този вариант, файлът се зарежда и контролира от посетителя през вграден в сайта плеър, разполагащ с бутони за контрол на звука, започване и спиране на прослушването. Поставянето на mp3 файла по този начин в сайта изисква да се използва следния код:

<embed autostart="false" height="40" loop="true" playcount="2" src="URL на музикалния файл" width="300"/></embed>

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://adres.com/file.mp3" width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded"> </embed>

Кодът можете да поставите отново навсякъде в публикация, страница или притурка в сайта ви, като единствено внимавате да сте в режим Редактиране на HTML кода. В горния код, както се досещате, следва да замените текста в оранжево с действителния адрес на вашия музикален файл, като можете да променяте стойностите (оцветени в синьо) на атрибутите, с цел да персонализирате начина, по който ще изглежда и държи вашия плейър.

autostart="..."
определя дали изпълнението на файла да започва автоматично (true) със зареждане на страницата или не (false)

loop="..."
определя дали изпълнението на файла да се повтаря (true) след като свърши или не (false)


playcount="..."
определя броя повтаряния на изпълнението и работи единствено за посетители, ползващи Интернет Експлорер

height="..."
определя височината на плейъра в пиксели (px)

width="..."
определя ширината му

bgcolor="..."
определя цвета на фона

Това е! Както виждате, да си сложите музика или музикален файл на сайт в blogger е изключително лесно!

Ако информацията ви е била полезна, вижте как можете да ме подкрепите!

Направи си сайт - въпроси и трикове

Как да поставя музикален фон на сайта си в blogger

За поставяне на музика в сайт, вариантите са два - интерактивен и пасивен. При първия, посетителите на съответния сайт по свой избор могат да прослушват различни музикални файлове, поставени по един или друг начин в него. При втория, звученето на музика започва още при влизане в сайта, т.е. като фон на сайта, докато се разхождаме из него. В първия случай посетителите имат възможността да изберат дали и евентуално какво да слушат, във втория - не. По-долу ще ви покажа как да поставите музика в сайта си в blogger като музикален фон.

В зависимост от тематиката и структурата на сайта, музикалният фон може да бъде приятно допълнение, но може да бъде и дразнещ. Всъщност, отрицателните ефекти могат да са доста повече. Представете си ситуация, в която сте на работното си място и тихичко се разхождате из мрежата, когато отваряйки някаква страница, изведнъж започва да звучи някаква музика и вие огласяте офиса, а на колегите ви (не дай Боже, началниците) , става ясно с какво се занимавате. Или си представете един голям музикален файл, чието зареждане отнема 10 минути... Е, всеки от тези проблеми си има решение, разбира се, но именно затова трябва много внимателно да помислите как точно да се възползвате от тази възможност - да добавите музика в сайта си. И когато го правите, опитайте се да гледате през очите на посетителите си. В крайна сметка сте направили вашият сайт за тях и не бихте искали да ги отблъснете, нали!

Самото интегриране на музикален файл като фон на сайта е изключително лесно и се състои от две отделни стъпки: осигуряването на файла и модифициране HTML кода на сайта. Форматът на аудиофайлa може да е всеки от стандартните: MP3, WMA, MIDI и т.н.

1. Осигуряване на файла

Под осигуряване на файла се има предвид той да има/получи видим Интернет адрес. Това означава файлът да се намира на Интернет сървър, позволяващ неговото директно отваряне. В случай, че разполагате с файла само на CD или на компютъра си, то трябва най-напред да го качите на избран от вас такъв сървър. Това, което ви е нужно, е т. нар. URL - адресът в Интернет, където той се намира.

2. Модифициране HTML кода на сайта

След като вече разполагате с URL на желания за поставяне като фон музикален файл, ви остава най-лесното - да информирате сайта си кой аудио-файл да зареди и кога.

2.1. Добавяне на музикален фон, общ за всички страници
Идете в Дизайн -> Редактиране на HTML кода. Веднага след оператора <head> поставете следния код:

<embed autostart="true" height="0" loop="true" src="URL на музикалния файл" width="0" />

В него следва да замените текста в оранжево с действителния адрес на вашия музикален файл. Важна подробност: стойността на атрибута loop="..." определя дали изпълнението на файла да се повтаря (true) или не (false). Изберете желания от вас вариант и запазете промените. Това е! Както ви казах - слагането на музикален файл за фон на сайта в blogger е изключително лесно, но все пак имайте предвид следното: при всяко отваряне на страница или публикация, този аудио-файл ще започва да звучи от начало, а това може да се окаже дразнещо за посетителите ви.

2.2. Добавяне на музикален фон към всяка отделна публикация/страница
В случай, че бихте искали при отварянето на отделните публикации/страници да зазвучава различна музика, т.е. да се зарежда различен аудио-файл, то използвайте горния код, но вместо в кода на сайта (както е в 2.1.), ще трябва да го поставите в кода на съответната публикация/страница. Тук има нещо много важно, на което трябва да ви обърна внимание: за да не се наслагат няколко музикални фона едновременно в случаите, когато сайтът ви показва няколко публикации едновременно, ще трябва да използвате съкращаване на публикациите си, в които имате музикален фон и да поставяте кода непосредствено след мястото за съкращаването им. Нищо сложно, де - опитайте!


Ако информацията ви е била полезна, подкрепете ме!

Направи си сайт - въпроси и трикове