Music Player Sample With Custom Timeline Seekbar - SL360 HTML5
One of our clients, wanted a custom seekbar that behaves like the default timeline seekbar of storyline player but, with a different look that matches with the custom player we have been using for their courses.
To fulfill their requirement I have created a seekbar widget which can be added in any storyline 360 HTML5 project as a web object.
I thought this widget could help many with similar requirement.
So, I created a Music player sample using storyline 360 with my Custom seekbar widget, custom volume control and custom play/pause button for the timeline. And also wrote a blog that explains how to use my widget. You can download the widget and music player sample.story from my blog.
10 Replies
That's very help full for me.
Thanks...
This is very slick! I also loved the how-to blog post- very useful. :)
Nice!
Does this work in 360 or Storyline 3 as well?
Hi Godwin,
The above post is very helpful, thanks a lot. Can you make seekbar drag able in mobile & ipad please.
Please share this storyline file. R&D for code.
Custom seekabar with Play/Pause and Replay button in Html5.
https://cloud.scorm.com/sc/InvitationConfirmEmail?publicInvitationId=699dee3b-3969-4d97-a42f-79baf728b29a
Thanks,
Krishna
hi Krishna, I really need help to create the kind of seekbar, but I am not able to see it, its asking for invitation.
hi Krishna i'm able to view your provided link
Thank you, Godwin.
When you publish, are you publishing for Web or LMS? Also, I don't see “app.min.js” in the lib--> scripts folder.
Could someone help me work through this?