Миналата седмица получихме интересен въпрос тук в TechJunkie Towers. Той разглежда нещо, което никога не съм обмислял досега, и исках да знам как да вграждам MP3 аудио в уеб страница с Google Drive. Като човек, който управлява редица уебсайтове за организации, въпросът ми беше изпратен да отговоря.
Обикновено ще хоствате всяка медия заедно с уебсайта, ако искате да го представите на страница. Поддържа нещата подредени и намалява броя на външните заявки, които вашата уеб страница трябва да прави, докато се зарежда. Това обаче не е единственият начин за правене на неща и ако по някаква причина не можете да хоствате аудиото заедно с уебсайта си, можете да използвате Google Drive или друга облачна услуга, за да го хоствате и да свържете към своята уеб страница.
Докато този урок се занимава с вграждането в уеб страница, същия принцип важи за повечето онлайн страници. Това може да включва социални мрежи, блогове, уикита, целеви страници или каквото и да е.
Вградете аудио на уеб страница с Google Drive
За да вградим аудио в уеб страница, обикновено качваме MP3 файла на уеб хоста и го поставяме в реално състояние на страницата. Това позволява на страницата да запитва хоста и да възпроизвежда музиката бързо и без допълнителни външни заявки. Това не винаги е възможно. Ако нямате капацитет за съхранение на пространство на вашия уеб хост или хостът не е много бърз или подходящ за стрийминг, трябва да потърсите другаде.
Оттук идва Google Drive или друга облачна услуга. Можете да качите MP3 в облачно хранилище и да го свържете от вашата уеб страница. След това всеки път, когато някой възпроизвежда записа, който те предава, ако от вашия Диск, а не локално от вашия уеб хост. Имайки предвид колко големи и мощни облачни сървъри на Google, можете също така да го използвате в своя полза!
Ето как да го настроите:
- Влезте в Google Drive като нормално.
- Създайте папка и качете MP3 файла в нея.
- Задайте разрешение за MP3 файла на „Вкл. - Публично в мрежата. Всеки в Интернет може да намери и прегледа“.
- Запазете разрешението.
- Заснемете връзката за споделяне на страницата Споделяне. Ще започне „https://drive.google./com/…“
Това е за настройка. Вашият MP3 файл вече е в облака и е достъпен от всеки, който има връзка за споделяне. Сега трябва да поставим тази връзка онлайн на вашата уеб страница, за да могат другите да имат достъп до нея.
Вграждане на връзката към вашата страница
Как точно вграждате връзката за споделяне зависи от това какво използвате за вашия уебсайт. Можете да използвате различен метод за WordPress или Joomla, както бихте искали за HTML или други рамки.
За да вградите вашия MP3 на страница в WordPress:
- Отворете страницата си в WordPress и направете място за аудио файла.
- Изберете бутона Добавяне на медия в горната част на редактора на страници.
- Изберете Въведете URL адрес и поставете URL адреса на Google Drive отгоре.
- Дайте му име и заглавие и след това Вмъкнете медия.
- Запазете страницата веднъж направена.
Ако преглеждате страницата, сега трябва да видите връзката и нейното описание, добавено там, където сте я поставили на страницата. Пускайте медията и тя ще се предава невидимо от вашия Google Диск през страницата. Това е много подреден начин за добавяне на богата медия към страница, без да се използва съхранение на вашия уеб хост.
Ако не използвате WordPress и трябва да вградите кода в iFrame, това също е много ясно. Тъй като iFrames са уеб стандарт, повечето рамки и издателските платформи трябва да ги поддържат. Така че всичко, което трябва да направите, е да създадете iFrame и да го поставите на вашата страница.
За да вградите вашия MP3 файл с други рамки:
- Поставете URL адреса за споделяне на Google Drive в текстов редактор.
- Променете „/ изглед“ в края на URL адреса за „/ преглед“ и копирайте целия URL адрес.
- Поставете го в кода по-долу вместо примерния URL след 'src ='.
- Отворете уеб страницата си в HTML редактор или използвайте редактора на вашата платформа.
- Поставете целия код, включително и вашата страница, където искате да се появи.
- Запазете файла и го тествайте.
Кодът:
frameborder = "0" width = "500" height = "250" src = "https://drive.google.com/file/d/MP3FILEURL/preview">
Плейърът трябва да се появи на вашата страница и да възпроизведе MP3 файла, когато е избран. Уверете се, че сами веднъж качете връзката, за да се уверите, че тя работи. След това публикувайте променената страница и се наслаждавайте!
Ето как да вградите MP3 аудио в уеб страница с Google Drive. Знаете ли за други начини да го направите? Разкажете ни за това по-долу, ако го направите!
