Code

Discussion on HTML5 Audio Player with Playlist

Discussion on HTML5 Audio Player with Playlist

By
Cart 4,287 sales
Recently Updated

Tean supports this item

Supported

This author's response time can be up to 2 business days.

1085 comments found.

Hi. Pre-sale question: Is this able to make the URLs/File paths of the audio file encrypted or restricted so user can’t just get the file path and download the audio file?

Hello!

Yes, its possible to encrypt audio url so it become unrecognizable.

There are additional options available like creating blob and further protecting audio url.

Thanks

Hi guys,

Does it detect when the phone goes to the ear and change the speaker to be the top speaker instead of playing out loud?

Thanksss

Hello!

No, we dont have such feature.

If you have an example, please send us at http://codecanyon.net/user/Tean#contact so we can check this in more details.

Thanks

Presale questions:

My platform from admin area showcases audio files from several authors and populates albums and playlists from these authors via directories, Google drives and YouTube playlists.

My question is, how does your solution work in these regards?

1 – Can it read audio files from a directory to populate an album or playlist? 2 – How does it handle folder in a google drive and the audio files in them? Can your solution read from them? 3 – How about YouTube playlists from multiple authors? In this case, API won’t work?

Kindly help with these questions. Thanks.

Hello!

Our player can handle reading directories of audio files, Google Drive directory of audio files, and Youtube playlists as well ( with media addon).

Thanks

Please view the documentation here for more details: https://interactivepixel.net/env/hap/_doc/jq/

Hi pre-sale question: When using it with YouTube, can I hide the video and show the thumbnail image of that video in the player instead?

Hlli;

Yes, using media addon you will be able to play youtube with and without api key depending on your needs.

Thans

Ok but afaik “youtube with api” option was already available in this product for a long time. I can’t believe that you guys really removed some features from the main product to make people pay for an addon now! .

You dont have a purchase badge.

Presale question: If I insert a link to a YouTube video at the backend, will the player play it as an audio mp3 on the front-page or will it play it as an mp4 YouTube video?

Hello!

Youtube is played as video, but you can hide video player visually (if you prefer) and have just audio in player.

Thanks

Thanks for your response. When I hide the video, the audio will still play?

What I need to use this for is to create an mp3 platform for a YouTube channel with 100s of videos in 40 playlist. One option will be to manually convert each video to audio files, which will be a long and laborious process. Is there a simpler way to do it with the HTML5 Audio Player with Playlist?

Thanks for your response. I will be purchasing in a few hours.

Our plugin simply plays youtube video in the player. Our player can play or or more single youtube videos and Youtube playlists.

Yes, audio can play if video player is hidden.

Hello, I want to ask if the player will work well if there is only HLS instead of mp3 in playlist. My goal is to use Streaming Engine for HLS instead of mp3 format. Is there a demo?

Hello!

Our plugin can play hls stream, but its not possible to read audio metadata from hls. This means you have to set audio title and artwork manually if you want them visible in the player.

Thanks

Hi, player is great, but I found a small problem. When I create a playlist with HLS and the first song plays and then click on the second song it won’t play. I’ve found a solution to the problem with this fix, which means it takes a bit of a wait before it play.

You can test by adding only these items to the playlist.

https://stream.ram.radio/audio/ram.stream_aac/playlist.m3u8 https://stream.radiofrance.fr/fip/fip.m3u8

Fixed

player.addEventListener(‘soundRequest’, function(data){ setTimeout(function() { player.togglePlayback(); }, 50); });

Hello!

If you have online demo where we can test this, send them on our support channel using contact form here: http://codecanyon.net/user/Tean#contact

Please send any support questions there.

Thanks

Support with Channel ID’s?

Hello!

Can you explain more what do you mean?

Thanks

hello!!

I want to use it in two ways

1) only the play button , without even the volume button

2) I need to use the mini version of it like the third player you have here https://interactivepixel.net/env/hap/content/tiny.html, can I add the option pf the playback rate button with predefined rates? e,g, (1, 1.3, 1.5)?

Thanks!

Hello!

You can use the player just with volume button.

Player uses basic HTML and CSS so it very easy to modify its content.

You can copy playback rate button from other demo (inclduing its css) and place it in some other demo. We can also assist if needed.

Thanks

Does it support live streaming Icecast?

Hello!

Icecast is supported in our dedicated radio plugin:

http://codecanyon.net/item/audio-player-with-playlist-v2/16698456

Thanks

Thanks for answering, I had already seen player. I wanted to use Full width player fixed to page bottom. Playlist opens and uses thumbnail grid. But the images are the different radio stations for icecast

Sorry, I dont understand. If you are asking about the radio plugin I have linked, then you can see what demos are available in the plugin demo pages.

Hi, can this be integrated to any website builder? how can i send DM with details to check?

Hello!

This plugin is made in javascript, css and html, and php (for some functions) so it could be integrated anywhere.

Thanks

Hello! I use brona skin template. In popup is not the current song. It’s another son opened. Why doesn’t play the current song in popup?

Hello!

Note that support is provided here and it requires a valid support license: http://codecanyon.net/user/Tean#contact

https://codecanyon.net/page/item_support_policy

Thanks

Hi! Can your full width sticky player be triggered with inline links? I would like to create my own song headlines, and when I click on them, I would like to be able to play the song in the full width sticky player.

Hello!

Sticky player can be integrated with any demo.

Thanks

In the grid_sticky_fixed.html example, how to I change it to initiate sticky player on page load (without playing a song), so the player is always visible?

Has anyone created a share link & icon on Instagram or can you tell a newbie how to?

Comment section is used only for pre purchase questions. If you have any more questions, as per plugin documentation, note that support is provided here: http://codecanyon.net/user/Tean#contact

Hello. Short notice; I replaced JQuery 3.2.1 by 3.5.1 and it works (at least with the player i’m using) It avoid security warning about the 3.2.1 version.

Can you add a vote option to the player?

Hello!

Our Wordpress plugin version has option to display statistics on songs (likes, plays, views)

http://codecanyon.net/item/modern-audio-player-wordpress-plugin/edit/19925056

This is standalone jquery version and does not come with a backend to have such feature.

Thanks

Hello, nice player, full of feature.

It seems you made a mistake in the documentation => “Multiple players in page”.

In the “page head” example code, for player2, it should be “hap-wrapper2” and i guess a ; is missed after the }

and FYI: in your example both player are loading the same playlist :) } player = $("#hap-wrapper").hap(settings); player2 = $("#hap-wrapper").hap(settings2);

If you have any suggestions on the plugin (how could we improve, or add something useful), let us know!

Yes , a playlist selector. You have 50 Playlist and don’t want to load them all in the player. So just select the one you want to listen to from a menu.

I’m not specialist, but what’s about security improvement ? CSP “nonce” or “sha” compatibility (?) to make it works in easy way for people like me :)

Anyway , best from Paris !

There already is a playlist selector. Also, audio files can be protected in several ways.

Does this integrate well with a react app?

Hello!

We haven’t tried personally but we had customer using our plugin with react before. Plugin uses mainly css, jquery / javaScript and html with php for some features.

Thanks

It doesn’t look like you support speed controls yet. Do you have plans to add them? I want to host podcasts with an app that has speed controls and I love a lot of your features.

Thanks for the reply. I don’t see on your other demos or Envato that you have speed controls built in. In the demo you have it go up to 2.0. Is it code controlled so I can select 2.5 or 3x as the max?

You can add this to any demo. And you can set any playback rate that browser supports. https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/playbackRate

Thank you very much.

Hi, is it possible to reorder tracks in the playlist by dragging and dropping? Is there a demo of this feature?

Hi,

I have purchased the plugin :)

I have set sortableTracks to true. This allows me to reorder the playlist but the audio files themselves do not reorder! Is there another step that needs to be done?

Hello!

note that support is provided here: http://codecanyon.net/user/Tean#contact

Can you send your live page link where we can see the player there.

Thanks

Thank you! I will do this

Hi Tean! I love your html5 player and it is working great so far. But I have a small issue. I use accordion and folder scan for playing the mp3 files (all 30 minute programs), but it doesn’t sort automatically. If i use sortableTracks:true then the player crashes. In the Chrome inspector i got something like this. Have I made a mistake or something is clashing?

Uncaught ReferenceError: setSortableTracks is not defined at r.fn.init.f.fn.hap (new.js:228) at HTMLDocument.<anonymous> (accordion-art-wide-dark-4.html:79) at j (jquery-3.2.1.min.js:2) at k (jquery-3.2.1.min.js:2)

Hello!

If you can renew your support license, we can assist your case.

https://codecanyon.net/page/item_support_policy

Thanks

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey