Streeme – персональный музыкальный сервер на HTML5

Streeme – бесплатное приложение с открытыми исходными кодами, которое содержит сервер и клиент, позволяющие прослушивать вашу персональную музыкальную коллекцию где угодно.

Клиент написан на HTML5, что позволяет ему работать почти во всех современных браузерах, включая мобильные устройства.

Серверная часть написана на PHP, использует MySQL для хранения данных и FFMPEG-библиотеку для декодирования медиафайлов.

Streeme может добавить музыку из любой папки на устройстве, или использовать iTunes XML-файл. После добавления в медиатеку Вы можете найти музыку по жанру, названию альбома, исполнителю и т.д.

С помощью одного клика можно прослушать любую песню (присутствует функция shuffle).

The-M-Project: HTML5 JS Framework для кроссбраузерных мобильных веб-приложений

The-M-Project – необычный HTML5 JavaScript фрэймворк для создания кроссбраузерных мобильных веб-приложений (iOS, Android, Palm webOS, BlackBerry).

Фрэймворе использует jQuery, как JavaScript-движок, а так же содержит все UI и функции ядра, с такими фичами, как поддержка offline, многоязычность и многое другое.

Для работы с The-M-Project потребуется nodeJS и инструменты для работы: Espresso! который содержит ваш код в чистоте и позволяет запускать приложения с помощью встроенного сервера.

Проект находится на стадии Alpha-тестирования, но уже хорошо задокументирован и имеет много демок.

VideoJS – HTML5 видеоплеер со скином на чистом CSS

VideoJS – это HTML5 видеоплеер, состоящий из трех основных частей: HTML-код для встраивания (Video for Everybody), библиотека JavaScript (video.js) и скин, написанный на чистом CSS (video-js.css). Используя код Video for Everybody Вы должны понимать, что он поддерживается многими устройствами (включая те, которые не поддерживают JS).

JS-библиотека исправляет ошибки браузеров и устройств, и дает возможность проиграть видео в некоторых старых версиях браузеров. Скин будет правильно отображаться только в браузерах, которые поддерживают HTML5, зато его можно менять под себя (расположение элементов управления, цвет и т.п.).

Делаем zip-файлы с помощью JavaScript – JSZip

JSZip – это open-source js-скрипт, позволяющий создавать .zip-файлы на клиенте.

Используя очень простые функции, Вы можете добавить любое количество файлов и папок в zip-файл, находить и удалять из архива файлы и папки.

Библиотека, конечно, не панацея (не работает в Google Chrome и IE, и есть проблемы в генерации названий архивов, хотя для последнего есть альтернативное решение в виде Downloadify), но работать с ней можно.

Определение браузера с помощью PHP – Browser.php

Информация об использовании браузера может быть очень полезна. Например, чтобы подгружать нужные CSS и JS-скрипты.

И, обычно, мы используем для этого JS, причем, очень часто ограничиваемся определением “IE или нормальный браузер”.

Browser.php – очень удобный PHP-класс, который может собирать различную информацию о посетителе, в том числе:

• используемую платформу
• браузер
• версию браузера

Скрипт может определить любой популярный браузер, включая мобильники, планшетные ПК и даже роботов. Чтобы это сделать, нужно написать всего пару строк кода:

$browser = newBrowser();
if( $browser->getBrowser() == Browser::BROWSER_FIREFOX && $browser->getVersion() >= 2 ) {
echo 'У вас FireFox версии 2 или выше';
}

Если вам нужно нечто большее, чем просто определение, каким браузером пользуется посетитель – IE, Firefox, Chrome или Safari, то Browser.php однозначно для Вас.