Главная > Аудио > ToneDen SDK: редактируемый аудио-плеер на чистом коде JS для SoundCloud

ToneDen SDK: редактируемый аудио-плеер на чистом коде JS для SoundCloud


25 сентября 2014, 15:00. Разместил: Design FactoRy
Скрипт загрузки ToneDen SDK (toneden.loader.js) содержит необходимый нам js код, и requirejs для асинхронной загрузки SDK скрипта (toneden.js) из ToneDen CDN.

Система позволяет встроенным страницам использовать (как синхронно, так и асинхронно) сравнительно небольшой скрипт загрузки, который затем загружает более крупные файлы SDK. Когда SDK будет полностью загружен, загрузчик запускает все необходимые функции в глобальном массиве ToneDenReady, что позволяет разработчикам осуществлять доступ к функционалу SDK. (все это было реализовано по вдохновением ребятами из Shootitlive, которые всегда оказываются умнее меня!).

В папке ToneDen SDK/ содержится все нам необходимое. Файл toneden.js представляет собой нечто вроде хаба для работы. Он загружает все функции SDK (на данный момент, это только плеер) как зависимости, и возвращает их таким образом, что их затем можно привязывать к глобальному объекту ToneDen. Еще одна важная функция toneden.js заключается в загрузке CSS, который был уменьшен и оптимизирован Grunt, а затем вставлен в страницу в виде элемента 'style'.

Скины

ToneDen SDK: редактируемый аудио-плеер на чистом коде JS для SoundCloud
ToneDen SDK: редактируемый аудио-плеер на чистом коде JS для SoundCloud

Демо | Скачать версию для сайта | Скачать версию для Wordpress
Вернуться назад