Зберігаємо аудіо з інтернету в файли. Зберігаємо аудіо з інтернету в файли Витяг аудіо з FLV-роликів

Зберігаємо аудіо з інтернету в файли. Зберігаємо аудіо з інтернету в файли Витяг аудіо з FLV-роликів

Як часто вам доводилося шукати вподобану музику в інтернеті? Саме ту, яку ви чули на улюбленому сайті (соціальні мережі, музичні портали). Дуже часто буває, що її в іншому місці просто немає.
Досвідчені «шукачі» скажуть, що це не так. Але давайте розглянемо середньостатистичного користувача, чиї знання технологій не дозволяють оперувати «копанням» у вихідному коді сторінки або кеші.

Так вийшло, що більшість моїх друзів саме такі користувачі. Ось для них і було вирішено написати дане розширення Хрома (і йому подібних).

що вміє

  • Завантаження будь-якого аудіофайлу з будь-якого сайту (Mp3, wav)
  • Правильно визначає оригінальну назву
  • Показує тривалість, розмір і бітрейт
  • Завантаження на тій же сторінці, що і трек (без редиректу)
  • предпрослушіваніе файлу
Спробувати розширення з магазину Chrome

Трохи картинок і відео:

Буду радий здорової критики. Сподіваюся, кому-то буде корисно дане розширення.
Якщо зацікавило, то найближчим часом опублікує огляд по ісходникам в іншому хабі і викладу на github.
Також в планах перенести в Firefox і IE.

P.S\u003e Можливість скачування відео теж є, але в даний момент відключена (є невеликі проблеми з потоковим відео).

Музика на сайті - це скоріше виняток, ніж норма. Вставляючи музику на сайт, потрібно розуміти, що деяких користувачів вона може і зовсім відштовхнути. У цій статті ми розглянемо кілька варіантів вставки музики на сайт, а також розглянемо як зробити фонову музику.

Як вставити фонову музику на сайт

Вставка фонової музики на сайт найнебезпечніший варіант в плані втрати відвідувачів. Тому що фонова музика мало того, що не можна ніяк вимкнути, так до того ж і гучність її ніяк не регулюється (все залежить від поточної гучності на комп'ютері). Так що треба сто разів подумати, перш ніж вставляти фонову музику.

Є два способи для вставки музики в html

Варіант 1. Через html тег

Синтаксис для вставки фонової музики

У тега є кілька атрибутів:

  • loop \u003d "значення" - кількість повторень музики (якщо -1, то повторюється нескінченно)
  • balance \u003d "значення" - стереобаланс (від -10000 до 10000)
  • volume \u003d "значення" - гучність (0 максимум, -10000 мінімум)

Музика буде грати автоматично при завантаженні сторінки.

наприклад

Варіант 2. Через тег

Синтаксис для вставки об'єкта з музикою

У тега можливе використання наступних атрибутів:

  • width \u003d "значення" - ширина (в пікселях або відсотках)
  • height \u003d "значення" - висота (в пікселях або відсотках)
  • align \u003d "значення" - вирівнювання (left - зліва, right - праворуч, center - по центру)
  • hidden \u003d "значення" - видимість панелі (true - приховати, false - показувати), за замовчуванням панель видно
  • autostart \u003d "значення" - програвати музику при завантаженні (true - так, false - ні)
  • loop \u003d "значення" - значення true - програвати по колу, false - один раз

наприклад

У кожного браузера штатний програвач буде виглядати по різному, тому розглядати кожен з них окремо ми не будемо.

У html5 можна використовувати тег

Сенс використання тега

синтаксис тег

Наступні атрибути можна використовувати:

  • autoplay \u003d "значення" - включити музику відразу при завантаженні сторінки
  • controls \u003d "значення" - відображати панель управління плеєра в браузері
  • loop \u003d "значення" - відповідає за циклічність
  • preload \u003d "значення" - завантажувати музику відразу із завантаженням сторінки

Розглянуті варіанти на мій погляд не є ідеальним рішенням, оскільки всі базуються на штатних програвачах. У кожного браузера буде свій штатний програвач за замовчуванням, а в якихось він взагалі може не працювати. Тому краще всього скачати плеєр до себе на сайт і вже з нього завантажувати музику. У такого плеєра буде функції зупинки, настройки гучності і т.п. - весь необхідний набір для простого користувача.

Однак найчастіше інтернет-контент унікальний, наприклад, включає в себе не тільки музику, але і коментарі виконавців, інтерв'ю, всілякі байки про створення і т. П.

Для завантаження потокового контенту з Мережі створено неймовірно багато утиліт - одні з них - універсальні, інші - «заточені» під певні сервіси. Якісь програми отримують доступ до вихідних аудіо- та відеофайлами і просто побайтово зчитують їх з Інтернету, а деякі вміють докачувати, завантажувати файли в кілька потоків, працювати з групами файлів і т. П. Опис потоку може являти собою xml-файл у форматі ASX (для Windows Media Player) або зберігатися в файлах формату RealAudio (расшіренія.ra і.rm - для аудіо, .rv - для відео) і ін. Доставляються такі потоки не тільки за стандартними протоколами http, udb / tcp, але і по спеціальним - rtsp, mms, rtp, а також за допомогою пірінгових технологій, застосовуваних, наприклад, в такому популярному сервісі інтернет-телебачення, як SopCast. Природно, щоб відтворити ці формати, необхідний відповідний клієнт - скажімо, плеєри Windows Media Player, медіапрогравач VLC і ін. Останній, до слова, уміє не тільки програвати потоковий контент, але і зберігати його на локальних дисках. Саме їм ми і скористаємося, адже більшість ресурсів йому цілком по зубах.

Отже, щоб записати, зокрема, програму онлайнового радіо чи подкаст, необхідно перш за отримати посилання на потоковий контент, а потім ввести її в VLC-плеєрі. Якщо на сайті для відтворення аудіо використовується Windows Media Player, дістатися до посилання буде просто. Потрібно натиснути правою кнопкою на вбудованому на сторінці сайту програвачі та вибрати пункт «Властивості». В поле «Розміщення» слід знайти адресу і скопіювати його в буфер обміну. Якщо ж на сайті застосовується Flash-плеєр або програвач, розроблений на базі HTML5, то, цілком ймовірно, доведеться поритися в вихідному коді сторінки або звернутися до спеціальних утилітам для «видирання» посилань.

Наступна дія - конвертація потокового аудіо. Мабуть, не скажеш, що ця операція в VLC - проста і очевидна. Швидше, навпаки, вона громіздка і плутана. Командою меню «Медіа Відкрити URL» потоковий контент можна записати в файл. За замовчуванням VLC налаштований на відтворення посилання, і, щоб зберегти її в файл, потрібно в діалоговому вікні змінити режим на «Конвертувати». Діалог при цьому зміниться - в новому вікні вказується кінцевий файл і вибирається профіль (т. Е. Формат, в якому буде збережена запис). Після натискання кнопки «Почати» плеєр приступає до копіювання потокового аудіо в файл. Робить він це абсолютно непомітно і в принципі здатний писати як завгодно довго - даний процес доведеться контролювати самостійно. Слід враховувати, що при зупинці та просувати вперед процес конвертації результуючий файл обнуляється. Так що потрібно перейменовувати раніше збережені файли.

Цілком очевидно, що кожен раз повторювати подібну операцію вельми клопітно. Особливо якщо потрібно писати різні потоки в різний час. Плеєр VLC надає найпростіший засіб завантаження за розкладом, що отримало назву «Конфігуратор VLC». У ньому вказується, що і куди писати (ці параметри налаштовують так само, як описувалося вище) і наскільки довго. Скажімо, якщо потрібно щодня записувати якусь програму інтернет-радіо, варто задати в діалозі опції «Повтор» і «Інтервал між повторами». Тепер програма після запуску буде самостійно конвертувати потоковий контент.

До речі, VLC допоможе і при перетворенні потоків, наприклад файлів формату ASF в більш звичний і зрозумілий кишеньковими плеєрами MP3. Цю операцію можна проробляти або вручну, кожен раз конвертуючи локальний файл, або автоматично за допомогою нескладного скрипта на Powershell, що входить, як відомо, до складу Windows 7 і доступного в більш ранніх версіях даної операційної системи. Скрипту передаються кілька параметрів - шлях до файлів, маска файлів і опціонально результуюча папка, куди складуються файли (якщо не вказано, файли записуються в вихідний каталог). Всередині циклу викликається програма VLC, якої пересилаються параметри: що кодувати, куди записувати і власне параметри кодування. Після закінчення кодування VLC вивантажується з оперативної пам'яті. Переконатися в цьому дозволяє остання конструкція, яка очікує, поки процес вивантажиться з пам'яті. Ввести такий скрипт можна в будь-якому текстовому редакторі - блокноті або спеціальному «візуальному» редакторі Powershell ISE. Якщо зберегти його у файлі, наприклад convert.ps1, то він запускається конструкцією виду:

. convert.ps1 c: files music * .asf.

На завершення варто зазначити ще кілька особливостей скрипта. В операційній системі Windows автоматично не описує шляхи до програм, так що в скрипті необхідно також вказати шлях до vlc.exe: в 64-розрядної версії - C: 'Program Files (x86)' VideoLAN VLC (зверніть увагу, що рядки з пробілами укладені в лапки) і в 32-розрядної - C: 'Program Files' VideoLAN VLC. Крім того, вам слід переконатися, що до запуску скрипта ви покинули програму VLC, інакше метод waitforexit () буде працювати нескінченно довго (через те, що викликається в скрипті програма завершить роботу, але її копія залишиться). Звичайно, в скрипті допустимо обробляти ще й ідентифікатори процесів, але така можливість лише ускладнить його. Щоб вирішити дану проблему, слід просто додати в початок скрипта примусове завершення всіх запущених VLC: ps vlc * | % ($ _. Kill ()). Ще одна особливість пов'язана з системою безпеки Windows 7, що вимагає, щоб всі скрипти були підписані. Обійти таке обмеження допоможе команда Set-ExecutionPolicy RemoteSigned, запускати яку потрібно в Powershell від імені адміністратора.

Скрипт convert.ps1 на Powershell дляконвертірованія потокового контенту в MP3

param ($ inputpath, $ wildcard, $ outputpath \u003d $ inputpath)

ls -path $ inputpath $ wildcard | % (

write-host $ outputfile

vlc -i dummy $ _. fullname ¨: sout \u003d # transcode (acodec \u003d mp3, ab \u003d 128, channels \u003d 2): standard (access \u003d file, mux \u003d asf, dst \u003d $ outputfile) ¨ vlc: // quit

Витяг аудіо з FLV-роликів

Інший приклад спільного застосування VLC і Powershell - це витягання аудіо з Flash-відеороликів формату FLV. Подібні відеокліпи зберігаються на спеціалізованих порталах, таких, наприклад, як відомий YouTube. Звичайно, Google та інші власники місць для розміщення відеофайлів всіляко перешкоджають завантаженню контенту, але завжди знайдуться способи обійти захист і роздобути сподобався ролик ...

Втім, обговорювана тут завдання полягає в наступному: як з завантаженого будь-яким відомим способом FLV-файлу витягти аудіо, щоб, наприклад, слухати його в кишеньковому плеєрі. Подібна операція цілком під силу VLC, причому і в GUI, і з командного рядка. До речі, в першому випадку необхідно виконати практично той же набір дій, що і раніше: вибрати в меню команду «Медіа - Конвертувати / Зберегти», вказати вихідний і результуючий файли, а також параметри конвертації, т. Е. Відповідний кодек.

Для ручного перетворення за допомогою Powershell потрібно, як і в минулий раз, сконструювати невеликий скрипт (назвемо його flv2mp.ps1), якому пересилаються імена вихідної і результуючої папок (за замовчуванням - така ж, як і вихідна). Вся його хитрість полягає в переданих параметрах: оскільки відео не потрібно, варто використовувати параметр dummy, в блоці standard визначити параметри файлу, а щоб скрипт не обтяжив спливаючими вікнами, просто блокувати їх опцією -dummy-quiet -sout.

param ($ inputpath, $ outputpath \u003d $ inputpath)

ls -path $ inputpath * .flv | % (

$ Outputfile \u003d join-path $ outputpath ($ _. Name.replace ($ _. Extension, '.mp3'))

write-host $ outputfile

vlc $ filename -I dummy --dummy-quiet --sout ¨ # transcode (acodec \u003d mp3, vcodec \u003d dummy): standard (access \u003d file, mux \u003d raw, dst \u003d '$ outputfile') ¨ vlc: // quit

ps vlc | % ($ _. Waitforexit ())

Мова HTML
Вставка звуку і відео


Вставка звуку. тег
Додає, відтворює і управляє настройками аудіозаписи на веб-сторінці. Шлях до файлу задається через атрибут src або вкладений тег .


синтаксис:


кілька

атрибути тега

    autoplay - звук починає грати відразу після завантаження сторінки;

    controls - додає панель управління до аудіофайлу;

    loop - повторює відтворення звуку з початку після його завершення;

    preload - використовується для завантаження файлу разом із завантаженням веб-сторінки;

    src

Закриває тег oбязателен.
всередині контейнера

приклад:


Вставка відео. тег
Додає, відтворює і управляє настройками відеоролика на веб-сторінці. Шлях до файлу задається через атрибут src або вкладений тег .


синтаксис:


кілька елементів можна пов'язати з різними файлами. Браузер буде використовувати перший запускається формат.

атрибути тега

    autoplay - відео починає відтворюватися автоматично після завантаження сторінки;

    controls - додає панель управління до відеоролика;

    loop - повторює відтворення відео від початку до його завершення;

    height - задає висоту області для відтворення відеоролика;

    width - задає ширину області для відтворення відеоролика;

    preload - використовується для завантаження відео разом із завантаженням веб-сторінки;

    src - вказує шлях до воспроизводимому файлу.

Закриває тег oбязателен.
всередині контейнера


приклад:


Результат прикладу в браузері:

опис

Додає, відтворює і управляє настройками аудіозаписи на веб-сторінці. Шлях до файлу задається через атрибут src або вкладений тег. всередині контейнера

Список підтримуваних браузерами кодеків обмежений і приведений в табл. 1.

Табл. 1. Кодеки і браузери
кодек Internet Explorer Chrome Opera Safari Firefox
ogg / vorbis
wav
mp3
AAC

Для універсального відтворення в зазначених браузерах аудіо кодують за допомогою різних кодеків і додають файли одночасно через тег .

синтаксис

атрибути

Звук починає грати відразу після завантаження сторінки. Додає панель управління до аудіофайлу. Повторює відтворення звуку з початку після його завершення. Використовується для завантаження файлу разом із завантаженням веб-сторінки. Вказує шлях до воспроизводимому файлу.

закриває тег

Обов'язковий.

HTML5 IE 8 IE 9 + Cr Op Sa Fx

audio

Олександр Клименко - Чотирнадцять

Результат прикладу в браузері Opera показаний на рис. 1.

Рис. 1. Відтворення аудіофайлу

браузери

Управління відтворенням аудіо різниться між браузерами за своїм виглядом, але основні елементи збігаються. Це кнопка відтворення / паузи, довжина треку, що минув і сумарний час звучання, а також рівень гучності.

 

 

Це цікаво: