Hello,
Im pretty new to Bootstrap and Pinegrow. I’m trying to find a good Audio Player. A responsive MP3 Player with album function where i can also put some info about the work and the artist.
How would you approach to do that with(in) Pinegrow? I looked through some “plugins” for Pinegrow but couldn’t find any audio player. So should i find/buy something like this and implement it myself?
HTML5-Audio-Player-w--Responsive-Playlist.markdown
HTML5 Audio Player w/ Responsive Playlist
-----------------------------------------
I changed this!
This is an HTML5 audio player that detects the user agent of your device/browser/OS and applies styling that matches the native audio player. The playlist responds to the width of your screen and features basic UI controls.
Feel free to fork this pen and add your own user agent styles for different browsers, devices and operating systems.
show original
index.html
<div class="container">
<div class="column center">
<h1>HTML5 Audio Player</h1>
<h6>w/ responsive playlist</h6>
</div>
<div class="column add-bottom">
<div id="mainwrap">
<div id="nowPlay">
<span class="left" id="npAction">Paused...</span>
<span class="right" id="npTitle"></span>show original
script.js
// html5media enables <video> and <audio> tags in all major browsers
// External File: http://api.html5media.info/1.1.8/html5media.min.js
// Add user agent as an attribute on the <html> tag...
// Inspiration: http://css-tricks.com/ie-10-specific-styles/
var b = document.documentElement;
b.setAttribute('data-useragent', navigator.userAgent);
b.setAttribute('data-platform', navigator.platform );
show original
There are more than three files. show original
https://kolber.github.io/audiojs/
any pointers or tips are much appreciated
Achtung
November 2, 2017, 10:47am
2
any hints? any tips about where i should look next?