Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Воспроизведение mp3-файла на сайте, проиграть определенный участок файла 
V
    Опции темы
numerovan
Дата 20.1.2014, 21:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 549
Регистрация: 1.12.2007

Репутация: нет
Всего: 2



Здравствуйте. 
Вопрос: как лучше поступить с воспроизведением mp3-файлов на сайте ?
Хочу сделать некий интернет-магазин, где mp3 является осн. контентом. Встал вопрос чем проигрывать файл пользователю ... пробывал и на html5 и через флэш, пришел к выводу что через флеш удобней и на всех браузерах поддерживается.

Далее встает вопрос кеширование браузером файла, т.е. если через флеш, то браузер кеширует его и потом можно этот файл скачать без проблем, тоже не вариант.

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

Что думаю делать дальше ... как вариант можно на лету прям перекодировать и взять нужный кусок ... это с помощью Lame-кодека ... но тут встает вопрос скорости отображения информации. Сейчас вижу следующий подход. Через jQuery посылаем запрос на сервер, на сервере происходит обработка файла, допустим во сременую деректорию, как это дело преобразовалось, далее выдаем его в браузер, теперь еще этот временой файл нужно еще и удалить не забыть ... и так вот постояно делать ...

Вообще что скажете за такой подход к делу, или может есть др. хорошие способы реализации этой задачи ?
PM MAIL   Вверх
numerovan
Дата 20.1.2014, 22:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 549
Регистрация: 1.12.2007

Репутация: нет
Всего: 2



Наверно было бы лучше не заранее подготавливать перекодируемый трек и не делать это постоянно (перекодировать и потом удалять), а лучше по необходимости ... т.е. делать превью, при условии что этого файла нет и оставлять его, но не удалять, при следующем обращении подтягивать уже созданный файл. Осталось только выяснить: как долго будет файл перекодироваться на лету (в сек.), если свыше 3 секунду, думаю это будет плохо.
PM MAIL   Вверх
Bulat
Дата 22.1.2014, 08:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


татарский Нео
***


Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 22.3.2006
Где: Альметьевск

Репутация: нет
Всего: 57



Цитата(numerovan @  20.1.2014,  21:35 Найти цитируемый пост)
пришел к выводу что через флеш удобней и на всех браузерах поддерживается.

ну под виндовс - да, а не виндовс - не знаю, не факт! Посмотри в сторону audio.js - вроде там ничего сложного в использовании нет, тем более что javascript - как раз кроссбраузерное решение на 100%, в отличие от флеш!


--------------------
менеджер по кодеврайтингу  smile 
PM MAIL WWW   Вверх
numerovan
Дата 22.1.2014, 09:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 549
Регистрация: 1.12.2007

Репутация: нет
Всего: 2



ранее сколько лазил по инету, пришел к выводу что , тот же самый яваскрипт, использует либо флеш, либо html5. С html5 как-то тоже морочился, в нем понял что наиболее лучший вариант - использовать файлы ogg и то не во всех браузерах поддерживается, mp3 тем более ... самое лучшее решение - флеш  ... и везде поддерживается и mp3 читает.
PM MAIL   Вверх
Bulat
Дата 22.1.2014, 09:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


татарский Нео
***


Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 22.3.2006
Где: Альметьевск

Репутация: нет
Всего: 57



Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>Audio</title>
    </head>
    <body>
        <script src="audio.min.js"></script>
        <script>
          audiojs.events.ready(function() {
            var as = audiojs.createAll();
          });
        </script>
        <audio src="01.mp3" preload="auto"/>
    </body>
</html>


Качаешь audio.js(там два или три файла). И что сложного в использовании?? На всех браузерах не тестировал, но по-моему вполне себе кросспалтформенное решение.


--------------------
менеджер по кодеврайтингу  smile 
PM MAIL WWW   Вверх
numerovan
Дата 22.1.2014, 22:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 549
Регистрация: 1.12.2007

Репутация: нет
Всего: 2



посмотрел ... он на флеше работает. походу только 2 варианта есть - либо html5, либо флэш ... html5 не сильно развит пока, остается только флеш ... писал уже выше вроде.
PM MAIL   Вверх
Bulat
Дата 23.1.2014, 14:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


татарский Нео
***


Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 22.3.2006
Где: Альметьевск

Репутация: нет
Всего: 57



Цитата(numerovan @  22.1.2014,  22:25 Найти цитируемый пост)
посмотрел ... он на флеше работает. походу только 2 варианта есть - либо html5, либо флэш ... html5 не сильно развит пока, остается только флеш ... писал уже выше вроде. 

ничего ты не смотрел, а если смотрел, то как обычно ничего не понял. audio.js - использует тег html5, если это возможно, а если нет - то использует обычный флеш-плеер, который как раз менее развит(если не брать в расчет windows)


--------------------
менеджер по кодеврайтингу  smile 
PM MAIL WWW   Вверх
numerovan
Дата 24.1.2014, 11:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 549
Регистрация: 1.12.2007

Репутация: нет
Всего: 2



да, хорошо подметил, тег аудио тоже используется, лень просто было писать. Все равно спасибо за предоставленный вариант, но для моей задачи он не подходит.

Добавлено через 3 минуты и 45 секунд
кстати, сделал выводы на данный момент ... определеный кусок не получится проиграть, при условии чтоб весь файл не сохранился в кеш браузера, придется значит создавать отдельный файл, так называемый превью. Протестил на серваке: этот превью файл, через ffmpeg модуль, делается за 1-2 секунды, тоже не плохо. 
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »


 




[ Время генерации скрипта: 0.0704 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.