This request is mainly for @MaximeBaker because he’s the best with the AI component, but others can help to
Do you guys know the best way to make a TikTok-style swiping feed with JSON and the AI component to swipe through video/photo/text posts in a feed?
I’ve tried using the awesome Swipe Cards Collection and asked it to change it to tiktok-style but I’m getting two problems. First, the feed feels a bit off, kinda different from TikTok, not sure how to explain but see the GIF for what I mean
And a bigger second problem I have is when users try to swipe on the feed, the entire page scrolls as well! Any help is appreciated, thanks
You could ask to use media instead of a simple image. That way, the AI component could detect if the provided URL is an image, a video, etc. And use the right output to show based on the type of the file.
If you provide file links that contains extension type at the end, it will be so much simpler for the AI component to know which type it is. Otherwise, you will need a media type detection in your AI component.
When I copy your swipe cards collection component, where do I go from there to get that tiktok functionallity? Also, how do I fix my second problem too about when users try to swipe on the feed, the entire page scrolls as well? (It’ll just be photos with captions or caption only posts for now )
First you’ll have to set up your columns (do “JSON Configuration” steps in post below), then you copy the component, and ask the AI to fit the component to your JSON object structure for each post, and customise it as you like