Managing Rich Media and Video with Cosmic

Community Articles
Community Articles Managing Rich Media and Video with Cosmic

Cosmic has powerful content modeling and delivery tools to help your team build apps faster, together. The Cosmic Content Editor lets you upload and manage all your content, data and files, and is unopionated on the format of content you're uploading. 

You can create Media Folders, Media Metadata and even select a thumbnail image for your Bucket. The Cosmic Editor allows you to upload any rich media such as video, images and embedded content linked to third-party platforms. Let's look at a couple examples. 


Upload and Organize Images, GIFs and Video

You can use the left hand nav bar in your Cosmic Bucket Dashboard to start adding media. Organize media into folders to directly insert into Objects via the Content Editor at a later publishing date. 

Hovering over the Content Editor toolbar, locate "Insert Image". Cosmic gives you the ability to upload images, link images and browse images already in your Media folder. 



Insert Video by URL

Navigate to the Cosmic Content Editor and hover over the toolbar to locate "Insert Video". Cosmic lets you insert the video by URL, embedded code or by simply uploading the video file into the editor. 





Embed Content 

You can embed links to third-party platforms like YouTube, Facebook or Twitter by navigating to the toolbar and locating "Embed URL". 



Creating a Metafield

It’s easy to retrieve your media data using the Cosmic API. Data from the API include: HTML for embedded code in HTML textareas, links to media to the Cosmic CDN and Imgix image processing URL.


Conclusion

I've just presented three examples of rich media being uploaded and managed within the Cosmic Content Editor. Cosmic customers manage everything from simple text Objects to animation and textures for virtual reality. The types of content your team needs to manage will vary, but Cosmic has you covered. 


If you have any comments or questions about uploading and managing rich media with Cosmic, reach out to us on Twitter and join the conversation on Slack.

You may also like


Every blog needs a solid Content Management System (CMS). This allows content owners to control their content without having to hire a developer to make every single change to their site. Cosmic is a great choice for a CMS. In this how-to article, we’ll connect a React/Next.js app to Cosmic .
Thanks to all who attended our first webinar / AMA last week. There was some great engagement and questions that helped steer the screen-share webinar for users in the Cosmic Community as well as first-time visitors to the system. If you missed it, check out the video and attend our next one.
Digital Ocean, a hosting provider beloved by developers, provides a highly intuitive interface for deploying and managing application infrastructure. In this tutorial I'm going to show you how to install and deploy a Cosmic-powered Nuxt.js app on Digital Ocean.
In this tutorial I’ll demonstrate how to build an Authentication app using Angular 6 and Cosmic. Starting from scratch, learn how to build, configure and deploy this Angular6 Auth app to the Cosmic App Server for testing purposes.
In this article I’m going demonstrate how to publish new Objects containing survey responses in Cosmic as they are completed in Typeform. Click here to connect Typeform to Cosmic using Zapier.
Here we build a progressive web app in React.js with the power of Cosmic. It respond with status 200 and carries data when you disconnected to internet and in Chrome browser (both mobile and desktop) it gives an option to install the app on home screen.

Get Started with Cosmic

Build personal projects for free. Add your team at unbeatable prices.
Start Building Talk to Sales