Lottie for Android, iOS, and React Native
video.js
Our great sponsors
Lottie for Android, iOS, and React Native | video.js | |
---|---|---|
43 | 33 | |
34,612 | 37,032 | |
0.3% | 0.6% | |
8.3 | 8.7 | |
24 days ago | 3 days ago | |
Java | JavaScript | |
Apache License 2.0 | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Lottie for Android, iOS, and React Native
-
Animotion – a visual CSS animation app
Worth mentioning that After Effects can export CSS/SVG/canvas animations with the free bodymovin/Lottie plugin. This is my personal go to for creating web key frame animations and elements.
Not every after effects feature is exportable, but it’s the best and most reliable solution I’ve found for this type of workflow, maybe due in part though to my previous experience with AE.
Currently supported features: http://airbnb.io/lottie/#/supported-features
-
Develop Animated Splash Screens on Fire TV with Lottie
A smooth and visually appealing on-boarding experience can greatly impact how users perceive the quality of your app. In my previous article, we explored how to create custom splash screens on Fire TV apps to optimize the startup time and improve user experience. Building on that knowledge we will take a step further and learn how to develop an animated splash screen using Lottie for Fire TV applications.
-
Ask HN: Are there things that Flash did that we still can’t do with today’s web?
Lottie[1], an Adobe After Effects plugin, fills a gap in vector animation authoring and is quite widely used (primarily in mobile applications but also works on the web, Discord for example supports them for stickers).
It's a pity SVG animation authoring tools never eventuated since it's an underutilized native format.
[1] (ignore the GIF-converted examples, the originals are lightweight and vector-based) https://airbnb.io/lottie/
-
Oldhead here - what has replaced Flash for highly interactive, complex animated content?
Unity can export to WebGL/WASM, so that's one option if you're making some kind of heavy interactive experience and you don't mind waiting for it to load. For just animations there are tools like Lottie that can help. I think things are generally a lot more fragmented than they were in the Flash/Shockwave days though.
-
Skottie Now Available for SkiaSharp
Uno Platform contributed support for the Skottie component in SkiaSharp (a .NET binding for Skia). This addition now allows for any application using SkiaSharp to render Lottie animations and provide engaging user experiences on all the platforms already supported by Uno Platform. This new SkiaSharp preview update also provides support for Uno Platform WinUI targets as well as .NET 6 for Mobile
-
Top 10 Android Libraries to boost your development in 2022
GitHub: https://github.com/airbnb/lottie-android
-
I'm Matthew, a software engineer at Duolingo, here to answer… any questions you'd like to send my way. AMA!
We use Lottie to render our animations! I believe the animators use After Effects to create them. Thanks for the love! I'll pass them to our animators :)
-
What are the most common used (3rd party) libraries and frameworks used in Android development?
Lottie/RLottie for animated assets (or AnimatedVectorDrawable)
-
Hacker News top posts: Dec 21, 2021
Lottie – Use after effects animations in web and native apps\ (68 comments)
-
Lottie – use After Effects animations in web and native apps
They should add the Flutter package for it on the "third party platform" page! :) (https://airbnb.io/lottie/#/other-platforms)
video.js
-
Stream to Chromecast with resolved, vlc and bash
For people who like to watch with subtitles, VLC currently doesn't support streaming to chromecast with SRT subtitles.. there are several issues for it and I believe support is slated for the next major version of Chromecast, but not sure when that will be.
The typical "workaround" is to reencode the video file to include the subtitles directly, but that sounded like too much work, so I hacked together a static page using https://videojs.com/ to embed a player and load the video and subtitles in a browser window.
Here it is in gist form if anyone has a similar issue: https://gist.github.com/HartS/9bb2721fa73b6798efcdbf5c463e87...
This was hacked together as quickly as possible for my own needs, so definitely not intended to be an example of clean code. You need to run the python server separately to serve the SRT because video-js can't load it from a file URL IIRC
-
Wanted - IPTV Front-end
Thank you! This is the kind of creative solution I was looking for. Your comment helped me find video.js which has first-party support for opening M3U8 streams.
-
Bibliotecas NodeJS incríveis que você não tem ideia que existem
🔀 Repositório no GitHub
🔗 Site oficial
-
Building a React live streaming app with 100ms
Now, to display the HLS stream to viewers, we’ll use HLS.js, which we installed earlier. For more UI customizations, you can check out Video.js, which uses HLS.js internally.
-
[ANN]: Sauron 0.49 is the most stable release of sauron web framework yet
How nicely (if at all) does Sauron work with web components written in JavaScript? For example; If I wanted to include a video player in my app, would I be able to integrate https://videojs.com into the project, or would I have to write a video player component in Rust+Sauron first?
-
Deploying an AES-128 Encrypted HTTP Live Stream (HLS)
href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" /> id="my-video" class="video-js" controls preload="auto" height="420" poster="/sample/cover.png" data-setup="{}" > src="/sample/index.m3u8" type="application/x-mpegURL" /> class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that href="https://videojs.com/html5-video-support/" target="_blank" >supports HTML5 video >
-
After 1 YEAR of hard work my NEW Ultimate Web Desktop Environment is ready for launch!!!!! 🎉🎉
Video Player
-
What you can build with JavaScript
You can play video and audio in browser using HTML5 and JS. The VideoJS library can be helpful.
-
18 amazing 🤩 GitHub repositories that will help you 🪄 make a beautiful project
A plugin that displays customizable markers upon progress bars of the video with Video.js. This could be used to show video breaks and show overlaid text on the video when playback reaches the specific break point.
What are some alternatives?
Plyr - A simple HTML5, YouTube and Vimeo player
hls.js - HLS.js is a JavaScript library that plays HLS in browsers with support for MSE.
react-player - A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
awesome-blazor - Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
clappr - :clapper: An extensible media player for the web.
mediaelement - HTML5 <audio> or <video> player with support for MP4, WebM, and MP3 as well as HLS, Dash, YouTube, Facebook, SoundCloud and others with a common HTML5 MediaElement API, enabling a consistent UI in all browsers.
android-page-curl - Page Curl for Android
shimmer-android - An easy, flexible way to add a shimmering effect to any view in an Android app.
flowplayer - The HTML5 video player for the web
Skia - Skia is a complete 2D graphic library for drawing Text, Geometries, and Images.
rlottie - A platform independent standalone library that plays Lottie Animation.
World Country Data, flags, currency and more - Android library for country flag, currency, and other country information