A Playlist is a group of 3D models displayed within the Sketchfab viewer. Playlists can be embedded just like a regular model. You can create a Playlist in two different ways: using a Sketchfab Collection or using a list of models. Playlists are currently limited to 72 models.
Creating a Playlist from a Collection
To create a Playlist from a Collection, first go to the collection page, for example:
https://sketchfab.com/james/collections/fire-hydrants
Then, click Embed. Within the Embed pop-up, you'll find the iframe embed code to copy.
For example, the link to a collection playlist from a Collection would look like this:
https://sketchfab.com/playlists/embed?collection=8061ccceab1f44cf997cfca56c429eb9
And the embed looks like this:
By default, the models will be sorted chronologically by publish date. The order can be changed by adding the sort_by parameter to the src URL:
-like_countlike_count-view_countview_count-published_atpublished_at
For example to sort by like count, you can edit the URL like this:
You can also use Embed Parameters just like regular model embeds.
You can use the oEmbed API endpoint to programmatically get embed codes and other information.
Private models in a collection will not be displayed.
Creating a Playlist from a list of models
Playlists can also be created from arbitrary model IDs separated by "+", like this:
This is the only way to create a Playlist that includes private models.
Comments
28 comments
I know you can embea each model one by one,but there is a smart way to embead all my model in my portfolio just whit my API token?
@andreadev
1) go to https://api.sketchfab.com/v2/users/me?token={TOKEN}
2) find the 'uid' for yourself.
3) embed like: https://sketchfab.com/playlists/embed?user=4a7c10685d744e47b8319bd0fe631840
Playlists not working on our site last few days, nor on yours it seems! Or is it just us??
@maritimearchaeologytrust - Yep, sorry about that! We have a fix coming ASAP.
@James
Looks like it's back up again, good work! Do you think it will be a stable feature or still quite experimental?
@maritimearchaeologytrust
Yep! Sorry for not following up sooner. Yes, it is expected to be a stable feature.
@James
Great stuff, thanks a lot.
@James
Oh dear James, playlists out of action again? We might have to think of a different approach to putting models on our front page. Hope it's and easy fix.
BR
Hi i have found a better way to embead all my model in my portfolio gallery, you can check it at http://andreadev.wiregaming.it/?page_id=511 this is a plugin developed by a friend programmer, he is working at and making a wordpress plugin for it that allow you to embed all your models just putting in the settings your profile id, and the magic will happens...if someone want this plugin let me know at andreapomposelli@gmail.com so i can advice you when it's published. Have a nice day, i hope this can help someone as it helped me.
@andreadev
Looks nice, is it wordpress only or is there any other way to use this on any site, some javascript and html, etc?
We like the sketchfab playlists though, but they're a bit wobbly lately ;)
Yes, he will develop a lib and an api for getting all the mosels IDS and instantiate the sketchfab player.
@maritimearchaeologytrust - It's working for me. Can you elaborate?
@andreadev - That's a nice gallery, thanks for sharing!
Yes, it's back now. It wasn't working across Sketchfab this morning. Thanks for your reply.
Hi @James
How can I scale up the THUMBNAILS and place them on the right side of viewer?
Hi @QMLX
You would need to do it yourself with HTML, maybe using a combination of the Viewer API and oEmbed: https://sketchfab.com/developers
Is there a way to access all my model id's at an api end point? Using HTML and Javascript.
@inventivesoftware Yep: https://api.sketchfab.com/v3/models?user=inventivesoftware
Hello!
Quick question about Playlists... is there anyway of making the object descriptions visible? We have descriptions of all our objects, but as far as I can see, they don't display (or even have a 'click to see description') option?
Any clues?
Hi @digventures,
Not at the moment, but thanks for the feedback! I'll pass it on to the team :)
James
Hey,
I think this is a great feature but I ran across the limitation that it doesn't support the same URL parameters as embedding models does. Hiding the name and some controls i.e. doesn't work with playlists. I posted this on a very old forum Post but it may better suit here. It would be a great improvement imo.
Hey,
Looks like you also posted on the forum ( https://forum.sketchfab.com/t/add-url-params-to-playlists/26705 ). Let's keep the conversation there :)
This is awesome. is there a way to have the next item in the playlist asynchronously load in the background while the viewer is looking at the current model? I’m looking for a way to have an instantaneous switch to the next item...
is there a way to hide the thumbnails and use the next and previous buttons?
@spiraloid there's not much customization possible with the native Playlist feature, but you could use the Viewer API to make a more robust gallery/playlist tool https://sketchfab.com/developers/viewer
@James
I have been trying to customise the playlist functions like spiraloid but havn't had any luck.
Using the Viewer API I get 404 when trying to load a playlist UID, and if I change the URL it loads from https://sketchfab.com/model/{uid}/embed?api_version=1.5.0&api_id=1_api-frame
to
https://sketchfab.com/playlists/embed?collection={uid}&api_version=1.5.0&api_id=1_api-frame
It doesn't run the onSuccess function and thus I don't get an api object to interact with.
Any tries to directly alter the iframe is ofcourse met with CORS errors.
What I am trying to do is hide/alter the way the playlist at the bottom works and pre-load all items in a playlist for instantaneous change of current model. This is all done for a kiosk-mode computer where visitors can freely jump between what model is shown.
Right now we have a ugly hack that loads an individual embedded iframe per model and we show/hide them with JS, but are running into max RAM usage per tab errors in Chrome and "Too many active WebGL contexts", so I would like to just load one iframe with all models.
Hello,
Sorry for any confusion. The Viewer API is not intended to work with embedded playlists, and it's not on our roadmap to implement it.
When I suggested using the Viewer API, I meant to use a single iframe and load one model at a time (you can re-initialize the iframe with a new model using the API). Maybe you could have just 2 or 3 iframes to preload the next and previous models, rather that loading ALL the iframes - that's going to be a huge performance issue for your page.
The problem is that there is about 8-9 models and the visitors can choose anyone at any time, so all needs to be loaded.
I tried using the Viewer API to swap models but since all I could do was swapping the ID in the src of the iframe, and the browser didn't cache the downloaded model between swaps it had to load each time another model was chosen.
Then I suppose we hafta go with our Plan A and just double the RAM in the computer to 32GB, that seems to work on some other machines uses for deving...
I would just have a button for each model then and initialize it when the user selects it.
For example: https://50years.vola.com/configurator
Please sign in to leave a comment.