ilyabirman / jouele Goto Github PK
View Code? Open in Web Editor NEWThe best web audio player on the planet
License: MIT License
The best web audio player on the planet
License: MIT License
Здравствуйте,
Заметил, что на андроиде в браузере google chrome при масштабе, отличном от 100%, некорректно определяется координата нажатия на полосе прокрутки, в других браузерах и ОС не проверял.
Проблема решается с помощью window.pageXOffset, его нужно сложить с (e.pageX-r.offset().left):
(window.pageXOffset+e.pageX-r.offset().left)
Программистом не являюсь, так что в кроссбраузерности, универсальности и правильности решения проблемы не уверен.
Hi there. Going to use it in my blog engine. What is the license?
Привет.
Сделал простейший Wordpress-плагин https://github.com/beshur/wp-jouele.
Он ничего не делает, а просто включает файлы Jouele на всех страницах.
В планах - добавить кнопку в редактор, которой можно будет вставить ссылку с нужным классом.
Нигде не нашел чейджлога о том что же нового в новой версии, стоит ли обновляться до нее. Размер JS-файла заметно увеличился. Появилась ли поддержка других аудиоформатов кроме MP3?
Было бы клёво добавить опцию, позволяющую вместо текста ссылки принудительно подставлять исполнителя и название песни из ID3-тегов соответствующего файла. Если теги не указаны — оставлять текст, который был у ссылки по умолчанию.
Привет. Не нажимается кнопка Play на смартфоне. Проверял на Андроиде.
It will be nice if player will have ability to play list of files
Good day Ilya.
Thank you for the great piece of code :)
Though it appears not to be jquery.noconflict compliant - it does not work 'from a box' in a Wordpress, for example.
just added
jQuery.noConflict();
(function($) {
// your script
})(jQuery);
And it's fine.
Hi, I'm going to host this project on https://cdnjs.com/.
Can you update the version 2.1.2 ?
Because I saw there are still something haven't been updated like package.json.
Thank you for your help.
Подумал - вот наконец достойная стильная замена плееру на моем сайте, очень порадовался, собрался забирать, поюзал немного демку на блоге автора, и тут заметил что, к великому разочарованию, нет возможности управлять громкостью звука. Нужно ли это? Вспомните бету 2-версии SoundCloud-а, там разработчики тоже решили что это лишнее, и убрали. Фидбэк был шумно-негативный, вернули.
Спасибо за прекрасный плеер, жаль не возьму.
Хотелось бы краткую инструкцию по тому, как использовать плеер как npm-зависимость например в React-приложении.
описание на npmjs мне кажется скудным и не how-to так скажем к использованию. Готов помочь с решением этой проблемы
Собственно сабж
Прикрутил к CMS проигрыватель, а такого же красивого проигрывателя видео - не нашёл. Было бы клёво, если бы можно было ещё и видео проигрывать им.
Например, у меня есть MP3-файл, и есть ещё OGG.
На каких-то платформах из-за лицензионных ограничений MP3 может не играться по умолчанию, и лучше указывать OGG. Ну, или какой-нибудь AC3 для эпплоустройств.
В стандартном теге <audio>
, это делается, к примеру, так:
<audio controls="">
<source src="file.ogg" type="audio/ogg" />
<source src="file.mp3" type="audio/mpeg" />
<p>Скачать:
<a href="file.ogg">OGG</a> (6 МБ)
|
<a href="file.mp3">MP3</a> (6 МБ)
</p>
</audio>
Hi there,
I'm using a script to prevent access of audio source data without a web interface. Therefore my audio-Urls look like this:
index.php?eID=securedownloads&t=1526562569&hash=123abcd456&file=/path/to/file/filename.mp3
Direct file access is locked via .htaccess.
There are no problems with Firefox and Chrome, but with Edge (and IE) the Audio-Files are not played. There is no alert in JavaScript-console. It seams like your script can simply not access the file in Edge and displays the striked play-icon.
Any ideas on this issue?
Thanks in advance, Chris
Не вижу API для изменения скорости воспроизведения - это предусмотрено? или PR is welcome? =)
Error while trying to import CSS to SCSS.
SCSS file:
@import "~ilyabirman-jouele/dist/jouele";
Sass Error
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after " display: none\\0/": expected expression (e.g. 1px, bold), was ";"
on line 128 of node_modules/ilyabirman-jouele/dist/jouele.css
from line 49 of app.scss
>> display: none\0/;
-----------------^
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.