Emira~
Мы вправе лететь, куда хотим, и быть такими, какими мы созданы. (с) Ричард Бах
Чтобы опять не потерять,
05.12.2012 в 19:50
Пишет Ловчий:




Я тут намедни вволю поебашись помучившись с приветом, решил поискать какую-нибудь запасную альтернативу на всякий пожарный случай. Так, чтоб и смотрелось гармонично, ну и прочее. Вот что из этого вышло.

1. простой код плеера, который вставляется в запись, но для него нужна прямая ссылка на файл MP3 (такие раньше были на майле, помню). Прямая ссылка вставляется вместо "ВАШ_ФАЙЛ".
Результат:

Код:


Прямую сслку для этого преера я взял отсюда, правой кнопкой мыши "копировать адрес ссылки", адрес вот такого вида:

Если кто ещё подсказал бы, как туда грузить свои файлы...

2. ещё один простой код плеера, который вставляется в запись, для него тоже нужна прямая ссылка на файл MP3. Прямая ссылка вставляется вместо "ВАШ_ФАЙЛ", но аж два раза . Активная кнопка красная, есть даже код цвета, но он, почему-то, на другой меняться не хочет.
Результат:

Код:

* этот плеер выдаёт нескончаемый повтор, если что

screencast.com - хостинг с прямыми ссылками, которые нужно ещё найти и не совсем сразу, требует регистрации

Выдаёт так же плеер, который не хочет встраиваться

Зато отсюда можно взять прямую ссылку, поискав её в коде плеера вот такого вида.


3. Закачивать свои треки и брать готовые встраиваемые плееры нейтрального серого цвета можно здесь - yapfiles.ru, подкорректировав размер.Не требует регистрации. Результат:


4. Собрать плеер, выбрав размеры и цвета, можно здесь postovoj.ru. Но там тоже нужна прямая ссылка на файл. Результат:


5. Собрать плеер, выбрав размеры (как с цветами разобраться, не понял), можно здесь flash-mp3-player.netНо там тоже нужна прямая ссылка на файл. Результат:


Прямые ссылки на музыкальные файлы можно искать здесь:
poiskm
audiopoisk.com
- жать нужно правой кнопкой мыши на "скачать" и "копировать адрес ссылки"
podfm.ru - регистрация обязательная, потом закачиваем свои
/my-files.ru - регистрация не нужна, но файл будет храниться менее полугода, для сроков более - регистрация нужна



URL записи

18.02.2014 в 20:45
Пишет Ловчий:

* все изображения превью, при нажатии - полный размер.

1. левел для ленивых

pleer.com (простоплеер), muzebra и grooveshark я не рассматриваю из-за их повсеместной расшаренности и отсутствия к ним интереса. Как и множество других.

1. yapfiles.ru

Для поиска, копирования кода и для загрузки своих файлов регистрация не нужна (нажав ссылку "Добавить файл").

Заходим на сайт и ищем нужный трек.


Выбираем HTML код и копируем его



Размер плеера можно редактировать.
width="320" height="240" - высота и ширина в двух местах кода. Высоту меньше 40 не рекомендуется, будет невнятно.

Результат


2. mixupload.org
Для того, чтобы найти нужный трек и взять его код регистрация не нужна. Для того, чтобы загрузить свой, нужна регистрация.

Ищем по поиску нужный трек


Нажимаем "встроить" и копируем код.



Этот плеер не редактируется, не считая размеров, но он в таком случае просто сжимается до невнятной миниатюры

Результат.


3. music.privet.ru
Для того, чтобы найти нужный трек и взять его код регистрация не нужна. Для того, чтобы загрузить свой, нужна регистрация. Но сейчас туда всё равно ничего не грузится.

Заходим на сайт и по поиску ищем нужный трек


Нажимаем "код для вставки" и копируем его



Дальше код можно редактировать, чтобы убрать эквалайзер и сделать размеры и цвет по своему вкусу.
height="75" width="470" строки отвечают за размер, высоту (height) убираем до 20 (убираем эквалайзер) в двух местах кода. Убрав ширину (width) до 18 получим кнопку.
backcolor=0x0d0d0d&frontcolor=0x4D4D4D&lightcolor=0x737373 - строки отвечают за цвета (так же в двух местах), подбираем свои при желании.

Результат.




Можно вставить плейлист с целым альбомом. Формировать свои плейлисты без загрузки своих треков (путём нажатия кнопки "в плейлист" под выбранным треком) можно после регистрации.
Нажимаем ссылку с альбомом или плейлистом (находится ниже списка альбомов)


Дальше нажимаем "слушать весь альбом"


Нажимаем "код для вставки", копируем его



Дальше редактируем код.
60&file - убираем эквалайзер в двух местах кода, вместо 60 ставим 0
Размеря и цвета редактируются так же, как у одиночного трека, в двух местах кода.

Результат.


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

2. левел для желающих не быть ленивыми


Для этого и следующего левела понадобятся прямые ссылки на mp3 файлы. Где их взять:
- поискать здесь. Найти нужный трек, нажать на его название и открыть. Нажать правой кнопкой мыши на название и скопировать ссылку. Но с этого ресурса некоторые ссылки могут не подойти к некоторым плеерам.

- поискать здесь. Найти нужный трек и нажать на его название. Внизу сразу будет открыта нужная вам ссылка с пометкой "Скачать файл". Для некоторых плееров ссылку нужно будет кастрировать до mp.3



- загрузить свой трек вот на этот хостинг, не требующий регистрации (но грузится довольно медленно). Получаем такую ссылку.

- загрузить dropbox. Требует регистрации, но она минутная, после чего в нём можно создать папку, к примеру, Music, и грузить туда треки, грузится довольно быстро. Кроме всего прочего, это надёжный и удобный файлообменник для любых файлов. Ещё нужно будет (но не обязательно) скачать эту приблуду и установить на комп. Как правило по адресу "C:\Documents and Settings\User\Мои документы\Dropbox" появится нужная папка. Всё, что будет скопировано в эту папку, будет автоматически расшариваться на файлообменнике Dropbox, в том числе и музыка. То есть, треки можно грузить двумя способами:
- напрямую на сайт
- положив в папочку Dropbox на компе.
Открываем загруженные файлы, выбираем нужный и жмём "ссылка доступа"


Открываем файл и правой кнопкой мыши жмём на "скачать", выбрав "скопировать адрес ссылки".


Дальше выбираем плеер, куда поместим свои полученные прямые ссылки.


1) Простой код плеера. Прямая ссылка на mp3 вставляется вместо "ВАШ_ВАЙЛ".



* внимание, ссылки с beemp3s.org/ не подходят, а с дропбокса ссылки нужно урезать
была вот такая

Отрезаем до mp.3 вот так


Результат (иногда косячит названия треков):



2) Ещё один простой код плеера. Прямая ссылка вставляется вместо "ВАШ_ВАЙЛ", но в двух местах.



* внимание, ссылки с beemp3s.org/ не подходят, а с дропбокса ссылки нужно урезать
была вот такая

Отрезаем до mp.3 вот так


Результат



Тут ещё простой плеер, куда нужно загружать файл с прямой ссылкой..


продолжение следует.

URL записи

18.02.2014 в 22:18
Пишет Ловчий:

3. левел для неленивых

Онлайн сборка плееров на разных ресурсах, в которые мы загружаем прямые ссылки на mp.3 файлы. И не только.

billy
В левое окошко копируем прямую ссылку на трек, в правое - название и автора. Нажимаем "generate code" и копируем.


Для того, чтобы плеер можно было вставить сюда, помещаем его в теги



Менять размер можно по ширине, чтоб, к примеру, влезло всё длинное название - width="200"

Результат




flash-mp3-player

Заходим на сайт и выбираем тип плеера, допустим, "нормальный"


Вставляем в поле mp.3 ссылку на файл, нажимаем кнопочку "colors"


Подбираем нужные цвета


Дальше снова выбираем кнопку "general", кликаем мышкой на коде и копируем его




Результат



Тут можно собрать и плейлист без участия своего компьютера (как это делается, будет позже), но увы, названия треков будут косячными, такими, как названия ссылок на треки.

Для этого выбираем кнопку "мульти" и дальше так же жмём generator и помещаем в поле для mp.3 все ссылки, которые хотим видеть в плейлисте через прямой слеш | с пробелами перед ним и после него



Так же подбираем цвета, возвращаемся и копируем код.

В этот плеер (как в одиночный, так и плейлист) можно поместить фон, скопировав ссылку картинки и поместив её в поле "skin"




Результат




favormusic.ru/generator

Самый простой конструктор плейлистов, тут даже пояснять с картинками не нужно. Можно подобрать свои цвета на стаии сборки и потом уже в коде поменять размер. Единственное, русскоязычные названия кодирует в ересь, поэтому пишите их английскими буквами. Ещё этот плеер с автостартом.
Но тут ссылки должны заканчиваться на mp.3, т.е. с дропбокса и япфайла их нужно кастрировать



А готовый код поместить в




Результат (треки подгружает довольно медленно)

* картинка, потому что плеер с автостартом



1. Нужно зарегистрироваться на 8tracks.com/
2. Найти иконку своего профиля, погладить его мышкой и выползет меню выбора, выбрать Create mix


3. Увидеть пять пунктов действия для загрузки микса.
1) название - обязательно;
2) обложка - обязательно, размером не менее 500Х500;
3) описание - не обязательно, по желанию;
4) теги - обязательно и минимум два;
5) грузить с компа треки, не менее восьми (максимальный размер неизвестен, но много)
Вверху слева - подсказка, которая для начала сообщает о необходимости заполнения всех пунктов.
Вверху справа - кнопка с жёлтой полосочкой, извещающая готовность микса к опубликованию (желтый - не готово).


4. Итак, название придумали, картинку загрузили, теги (не менее двух) присвоили, теперь грузим треки.
При загрузке может случиться вот такая фигня.

Это значит, что название трека кривое, нужно залезть в настройки трека (наведя на него мышку) и нажав кнопочку Edit и привести трек в соответствие и сохранить

Иногда косячные треки загружаются нечитаемыми знаками, их нужно править. Иногда эта шайтан-машина какие-то треки грузить не хочет, нужно смириться.

5. Мы на финишной прямой. Всё заполнено и загружено, как надо, кнопка в правом вернем углу зеленеет и разрешает микс публиковать.



(зелёненький значок - редактировать микс, галочки - получить код)

6. Получаем коды, нужные пункты проставляются по умолчанию.

Но нам нужны не только они, потому что этот код я без понятия, где работает, здесь - не работает. Поэтому, копируем ещё один код


7. Дальше, собственно, волшебство.
Копируем два кода
Flash


HTML5


В первом коде строчку
/player_v3
заменяем на

из второго кода в двух местах
последнюю строку из первого кода убираем


получаем вот такой код


результат



* Примечание:
Размер, разумеется, можно установить любой и не трудно догадаться, в каких строках. Миксы можно редактировать, для этого совершенно не нужно заново творить волшебство с кодами и переустанавливать там, куда вы его запостили, всё само.

Ожидается ещё более сложный уровень.

URL записи

18.03.2014 в 14:14
Пишет Ловчий:

В дополнение к как это делается.
Кому понравился плеер billy, но он сливается с фоном, то его можно "обвесить" своим фоном. Спасибо UDFj, которая подхватит и доведёт до ума любую мало-мальски стоящую идею. Итак, нужно применить для записи вот такой код (код я немного упростил):

background: rgba(0, 0, 0, 0.8); - цвет фона в RGB, полупрозрачный (в данном случае чёрный), можно не заморачиваться, а просто указать цвет без полупрозрачности background: #000;
box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.8); - тень блока с фоном плеера, так же в RGB, так же можно просто задать цвет, или совсем убрать эту часть кода;
border: 1px solid #555; - тип, толщина и цвет рамки фона;
padding: 1px 5px 1px 5px; - поля (от края рамки до объекта);

Результаты (цвет фона один, черный, меняется уровень прозрачности):
со всеми приблудами:


без рамки:


без рамки и без тени:


Можно закруглить края плеера, добавив к коду (цифра обозначает радиус закругления):
border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px;



Можно плеер устроить на картинку из БИ в качестве фона:

padding: 150px 10px 10px 10px; - значения придётся шевелить (особенно - первую), потому что размеры картинки разные.

А можно на любую картинку из интернета, потому что в БИ не всё влезает (пример для плеера на фоне, см. выше):

max-width:500px; - максимальный размер картинки для чуваков с врапперами (ага, из css);
opacity: 1; - это не обязательно, если у вас не css и нет такой фигни, как затухание изображений в коде;
box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.9); - тень так же по желанию;
border: 1px solid #000; - рамка тоже по желанию;
margin: -70px 0px 0px 20px; - позиция расположения объекта (плеера), придётся регулировать, особенно первую;
box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.9); border: 1px solid #555; padding: 1px 5px 1px 5px; - то же самое. см. выше (тень фона плеера, рамка и поля)


убрал рамку плеера




Код для плеера без фона на картинке из интернета:







URL записи

@темы: Творчество, Стырено, Одобряю