Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Sep 19 00:49
    ashecret commented #231
  • Sep 18 20:09

    jaydrogers on dev

    Fixed URL (compare)

  • Sep 18 20:09

    jaydrogers on master

    Fixed URL (compare)

  • Sep 11 16:12
    jaskipper commented #384
  • Sep 11 14:53
    jaskipper labeled #384
  • Sep 11 14:53
    jaskipper assigned #384
  • Sep 11 14:53
    jaskipper opened #384
  • Sep 06 22:47
    divisum edited #383
  • Sep 06 22:47
    divisum labeled #383
  • Sep 06 22:47
    divisum assigned #383
  • Sep 06 22:47
    divisum opened #383
  • Aug 31 12:51
    podcasthosting edited #382
  • Aug 31 12:49
    podcasthosting edited #382
  • Aug 31 12:49
    podcasthosting assigned #382
  • Aug 31 12:49
    podcasthosting labeled #382
  • Aug 31 12:49
    podcasthosting opened #382
  • Aug 29 14:35
    FGuiffrey closed #381
  • Aug 29 14:17
    FGuiffrey edited #381
  • Aug 29 14:17
    FGuiffrey edited #381
  • Aug 29 14:15
    FGuiffrey labeled #381
Dan Pastori
@danpastori
Let me know if you have an example or need a hand I can help out
oscar4
@oscar4
Thanks, Dan, does anyone know a simple, file manager which will work on a variety of platforms & allow me to code this JS function ?
Daniel
@diplopito_twitter
Hi @oscar4 , I made this player to be used with OneDrive: https://one.8ue.nl/ Select the songs that you want to play; you can also sort the playlist afterwards while Amplitude is playing. You'll need to use Apls (http://apls.bliptunes.com/)
oscar4
@oscar4
Brilliant, Daniel, looks perfect - thank you very much - a great base for modifying
Daniel
@diplopito_twitter
Nice @oscar4 , please let me know if you get ideas to improve it.
oscar4
@oscar4
I intend to use it as the UI for controlling a WiFi enabled SD card music player - sending the file to be played to card & controlling it from the amplitude UI - so apart from adding in the code necessary to send files & navigation codes via WiFi, I won't change much for the moment.
Daniel
@diplopito_twitter
@oscar4 sounds fun, good luck!
Daniel
@diplopito_twitter
Hi @oscar4 , Apls now has the addSong() method to add tracks dynamically, perhaps it might be useful for your project.
oscar4
@oscar4
Thanks Daniel - I'm looking to find the technique that allows users to drag & drop audio files into the playlist - is the code for this available somewhere?
Daniel
@diplopito_twitter
Yes, it's called Dragula
oscar4
@oscar4
sorry, yes, I saw that before but somehow it escaped me this time, doh!
davidsbaldwin
@davidsbaldwin
Hi, is there any way to prevent the player from automatically going to the next track? Would prefer to have it stop at the end of each track and a person click the next song in the playlist. Thank you!
Dan Pastori
@danpastori
Hi @davidsbaldwin You just need to set continue_next to false when you initialize AmplitudeJS.
davidsbaldwin
@davidsbaldwin
Hello @danpastori Thank you so much for that! I wasn't able to find it online and works perfectly--thank you again! My other question (hope you don't mind) is: all the mp3s in the playlist currently appear to load as soon as the page loads (I see them loading when viewing the waterfall graphic analytic). Is there a way to "lazy load" the .mp3s when someone clicks the song?
Dan Pastori
@danpastori
@davidsbaldwin So the only MP3 that should load right off the bat is the active song. You can adjust this in the config by setting the preload attribute to either auto, metadata or none. I believe none is the option you are looking for. I’m working on updating the docs with more verbose details so this stuff is a little easier to find :) and make sure it’s all there!
humpataa
@humpataa
Hi, I have just installed the script and the example blue-playlist is working good. I would like to have the visuals changed a little. I can fix colors and stuff, but I would like to change the fitting on mobiles. Could anyone help? Would even spend a few bucks ...
Dan Pastori
@danpastori
@humpataa What kind of visuals are you looking to update? If it’s something related to Amplitude I can help. If it’s a custom implementation in a plugin type form, we do offer consulting services and can lenda hand that way!
humpataa
@humpataa
Hi @danpastori, thank you for the quick reply. I would actually just like to have two changes to the blue-playlist example: the list of songs should be below the player instead of the right side. And the overall width should be 100% on all devices below a browser width of 1000px and 800px on all other devices. :-)
Dan Pastori
@danpastori
@humpataa So the player is written in Foundation. There are a few scripts that help adjust the height. If you remove the heights and adjust the columns to be full width that will take care of it. If you have a quick mock up I can upload a fix for you
humpataa
@humpataa
@danpastori sounds good, I see a minimized version of foundation.css ... can I get an original version so I can adjust it?
humpataa
@humpataa
@danpastori I have unminified foundation.css, but it is full of width and grid-definitions, I don't know what to change to get it to work like I wish :-(
Dan Pastori
@danpastori
@humpataa It’s based off of this framework: https://foundation.zurb.com/ All the docs should be in there for how to use the grid system
humpataa
@humpataa
@danpastori thank you, I will take a look!
samuellessard
@samuellessard
2 questions : can we make option repeat : true at start ?? (i doesnt see it in documentation) . And i found in the demo blue-playlist if the list of song is empty ("songs": []) the option volume ,shuffle cannot be set, it is normal ??
Nikita
@nikitalastochkin
Hey! Is aplitude supports OGG?
Jay Rogers
@jaydrogers_gitlab
@nikitalastochkin Yup! It should work, but not with all browsers: https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats
Nikita
@nikitalastochkin
ah yeah Safari have no support. thnx fro the info
is it possible to show throbber when i click play icon while track is loading and not started to play yet? because at this moments it look like something is wrong/dead/static not really positive experience in such good player (really like how i can customise it)
Nikita
@nikitalastochkin
Is it possible to disable "prev" button if first song is playing in the list? and the same with "next" button on last song?
Nikita
@nikitalastochkin
sorry for many questions. i hava one more: im using aptitude for playing Bandcamp pages and it work well but after day of testing a got this js error: " domainexample.com is not allowed by Access-Control-Allow-Origin." Is it means that my domain is not allowed for streaming from bandcamp and i need to contact bandcamp support?
jzachary
@jzachary
How do you force the player to fully load or buffer a track? mine seems to only go a percentage passed the current play position and never fully loads. Is there a config setting im missing?
Nikita
@nikitalastochkin
it think it depends on server you downloading tracks and your connection. archive.org is pretty slow btw and bandcamp way faster
jzachary
@jzachary
@nikitalastochkin is there a way to control that? I have a dedicated server.
Dan Pastori
@danpastori
@nikitalastochkin I just logged in and saw a few questions. First with disabling the next and prev you could do a call to Amplitude.getActiveIndex() and disable based off of that. If it’s the first song then apply a disabled class, the last song same thing.
@nikitalastochkin As for the Access-Control-Allow-Origin that’s a CORS issue and bandcamp has to allow your domain to directly stream your content. You’d have to contact band camp I believe
@jzachary Right now AmplitudeJS supports the preloading that the HTML5 audio element supports: https://www.w3schools.com/tags/att_audio_preload.asp. There’s a config variable preload where you can set that.
jzachary
@jzachary
@danpastori forgive my ignorance, but i assume you would put that in the js .init? like where ""volume": 100" would be for example?
Dan Pastori
@danpastori
@jzachary Yup! Everything would be in the init method of AmplitudeJS
naveentirthani
@naveentirthani
Sometimes, my chrome browser crashes - https://whatsmybrowser.org/b/CDM7BRB . My public URL - http://www.hariomgroup.org/audio
Amplitude Version - "5.0.2"
naveentirthani
@naveentirthani
One more issue - If MP3 URL gives some error, (lets say 500 error) - then it throws
core.js:108 Uncaught (in promise) DOMException
play @ core.js:108
handleGlobalPlayPause @ playPause.js:109
handle @ playPause.js:71
And when MP3 URL resumes, not to give 500 error, then player is stuck. It keeps throwing above DOMException.
Similar thing happens with 404 error for mp3.
skazhikadyadya
@skazhikadyadya
Hi there! Thank you for amplitude, it's very beauty thing. I have question: what about lazy mp3 loading?
imran-htdigital
@imran-htdigital
hi there @danpastori I just loved the amplitude JS it's just phenomenal, It made the development very modular.
Amplitude.init({
  "bindings": {
    37: 'prev',
    39: 'next',
    32: 'play_pause'
  },
  "songs": [
    {
      "name": "The Breakup Song",
      "artist": "Various",
      "album": "Ae Dil Hai Muskil",
      "url": "../music/songs/the-breakup-song.mp3",
      "cover_art_url": "../music/album-art/ae-dil-hai-mushkil.jpg"
    },
    {
      "name": "Azadi",
      "artist": "Divine",
      "album": "Gully Boy",
      "url": "../music/songs/azadi.mp3",
      "cover_art_url": "../music/album-art/gully-boy.jpg"
    },
    {
      "name": "Aafat Wapas",
      "artist": "Naezy",
      "album": "Aafat Wapas",
      "url": "../music/songs/aafat_wapas.mp3",
      "cover_art_url": "../music/album-art/aafat-wapas.jpg"
    },
    {
      "name": "Cutiepie",
      "artist": "Various",
      "album": "Ae Dil Hai Muskil",
      "url": "../music/songs/cutiepie.mp3",
      "cover_art_url": "../music/album-art/ae-dil-hai-mushkil.jpg"
    },
    {
      "name": "Paagal",
      "artist": "Badshah",
      "album": "Paagal",
      "url": "../music/songs/paagal.mp3",
      "cover_art_url": "../music/album-art/paagal.jpg"
    },
    {
      "name": "She Move It Like",
      "artist": "Badshah",
      "album": "Key",
      "url": "../music/songs/she_moves-it-like.mp3",
      "cover_art_url": "../music/album-art/one.jpg"
    },
    {
      "name": "This is America",
      "artist": "Donald Glover",
      "album": "This is America",
      "url": "../music/songs/this_is_america.mp3",
      "cover_art_url": "../music/album-art/this_is_america.jpg"
    },
    {
      "name": "Savera",
      "artist": "Prateek Kuhad",
      "album": "Savera",
      "url": "../music/songs/savera.mp3",
      "cover_art_url": "../music/album-art/savera.jpg"
    },
    {
      "name": "Psycho",
      "artist": "Post Malone ft. Dolla Sign",
      "album": "Beerbongs & Bentleys ",
      "url": "../music/songs/psycho.mp3",
      "cover_art_url": "../music/album-art/psycho.jpg"
    },
    {
      "name": "Tune Kaha",
      "artist": "Prateek Kuhad",
      "album": "Tune Kaha",
      "url": "../music/songs/tune_kaha.mp3",
      "cover_art_url": "../music/album-art/tune_kaha.jpg"
    },
    {
      "name": "Freaky Friday",
      "artist": "Lil Dicky ft.Chris Brown",
      "album": "Freaky Friday",
      "url": "../music/songs/freaky_friday.mp3",
      "cover_art_url": "../music/album-art/freaky_friday.jpg"
    }
  ],

  "playlists": {
    "afternoon": {
      songs: [0, 7,3,9,10],
      title: 'Work Stuff'
    },
    "workout": {
      songs: [1, 2, 4,5, 6,8],
      title: 'Workout Time'
    }
  },

  "starting_playlist":"afternoon",
  "callbacks": {
    'song_change': function(song_details){   
      console.log('Song changed');
      console.log(Amplitude.getActiveSongMetadata());
    },
    'volumechange':function(){
      console.log('Volume :'+Amplitude.getVolume());
    }
  }
});
imran-htdigital
@imran-htdigital
this is my init object, All I want is my player should start with a default playlist of "afternoon" but my UI isn't rendering the as aspected. I am using the flat-black example code for experimentation. Can you suggest what should I do? Screeshot-Browser
here is the screenshot of the browser.
Thank you in advance. :)