-
-
Notifications
You must be signed in to change notification settings - Fork 1.7k
3rd-party media hosting category updates #12227
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Open
sarah11918
wants to merge
30
commits into
main
Choose a base branch
from
media-hosting-update
base: main
Could not load branches
Branch not found: {{ refName }}
Loading
Could not load tags
Nothing to show
Loading
Are you sure you want to change the base?
Some commits from the old base branch may be removed from the timeline,
and old review comments may become outdated.
Open
Changes from 26 commits
Commits
Show all changes
30 commits
Select commit
Hold shift + click to select a range
6ef21b9
initial infra
sarah11918 166aabd
media overview draft
sarah11918 876ee08
mux guide initial sections
sarah11918 9cad670
draft mux guide page
sarah11918 fd4337a
fix link
sarah11918 f0f1dbe
update Mux player for forthcoming Astro component; start environment…
sarah11918 1fd0e08
draft Node SDK section
sarah11918 fe7eeba
section on retrieving asset data
sarah11918 17e24ce
mux uploader draft
sarah11918 8f06ba4
delete blank lines
sarah11918 b8a9654
draft notes in recipe page
sarah11918 e4d25d9
dump social card info
sarah11918 09a9ccb
update overview page with more image content
sarah11918 cb8b8c3
replace starlight tabs with packagemanagertabs; streamline mux-video …
sarah11918 dd92070
mention video and update other assets on import reference page
sarah11918 862b5a3
update images guide page to link to image and video hosting
sarah11918 f81b5fe
intro paragraph links to sections below instead of externally
sarah11918 4dff59a
Mux guide polish (links, paragraph spacing)
sarah11918 7f634d3
remove recipe file to be done separately
sarah11918 85a257a
update grid title and Mux capitalization
sarah11918 a09839d
Fix absolute links and a typo
sarah11918 320f1d8
remove basic example of what the Mux Uploader component "looks like" …
sarah11918 2953a20
Apply suggestions from Dave/Mux code review
sarah11918 86ab144
Apply Yan punctuation suggestions
sarah11918 4fff075
Mux offering sign up credit
sarah11918 b920981
Merge branch 'main' into media-hosting-update
sarah11918 1191e99
more imports page code snippet improvements
sarah11918 776df50
Matt code syntax updates
sarah11918 93cfd0d
More code snippet syntax updates
sarah11918 5fa49e6
update MUX logo svg
sarah11918 File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,41 +1,36 @@ | ||
--- | ||
title: Use a DAM with Astro | ||
description: How to use a Digital Asset Manager (DAM) to add images and videos to Astro | ||
title: Image and video hosting with Astro | ||
description: How to use a hosted media service to add images and videos to Astro | ||
sidebar: | ||
label: Digital Asset Management overview | ||
label: Media hosting overview | ||
i18nReady: true | ||
--- | ||
import MediaGuidesNav from '~/components/MediaGuidesNav.astro'; | ||
import ReadMore from '~/components/ReadMore.astro'; | ||
import Badge from "~/components/Badge.astro" | ||
|
||
**Ready to connect a headless Digital Asset Manager (DAM) to your Astro project?** Follow one of our guides to integrate a hosted media system. | ||
|
||
:::tip | ||
Find [community-maintained integrations](https://astro.build/integrations/) for connecting a DAM or hosted media system to your project in our integrations directory. | ||
::: | ||
Follow one of our guides to integrate images and videos from a hosted media service. | ||
|
||
## Hosted Media Guides | ||
|
||
Note that many of these pages are **stubs**: they're collections of resources waiting for your contribution! | ||
|
||
<MediaGuidesNav /> | ||
|
||
## Why use a DAM or hosted media? | ||
## Why use hosted media? | ||
|
||
Using a DAM, or Digital Asset Manager, helps individuals, teams, and organizations manage their image and video assets from a central location much like a [CMS](/en/guides/cms/). | ||
Hosted media helps individuals, teams, and organizations store, manage, optimize, and deliver their image and video assets with dedicated APIs from a central location. | ||
|
||
The difference is the type of content being managed: a DAM would primarily manage images, videos, other media assets like 3D models, and any metadata associated with those assets. | ||
This centralization can be useful, particularly when using a single source of truth for your assets between multiple web or mobile properties. This is important if you're part of an organization that requires multiple teams to use the same assets, or are integrating into other content systems like a PIM (Product Information Manager) to connect your assets to products. | ||
|
||
This can be useful particularly when using a single source of truth for your assets between multiple web or mobile properties. This is important if you're part of an organization that requires multiple teams to use the same assets, or are integrating into other content systems like a PIM (Product Information Manager) to connect your assets to products. | ||
Image hosting services can transform and optimize your images, automatically delivering optimized versions for your visitors. These [remote images](/en/guides/images/#remote-images) can be used in Astro's built-in `<Image />` and `<Picture />` components, and are available to all file types in your project, including Markdown, MDX, and UI Framework components. | ||
|
||
## Which hosted media systems or DAMs work well with Astro? | ||
Video hosting services like [Mux](/en/guides/media/mux/) can provide performant on-demand and live-streaming video delivery along with customizable video players, giving significant reliability and scaling benefits over handling local content. They will handle video transcoding, compression, and transformation to provide a smooth user experience. A platform like Mux may also include data analysis to help you understand your user engagement. | ||
|
||
Much like when using a CMS, as Astro handles the _presentation_ of your content, you'll want to use a headless DAM that allows you to fetch and interact with your assets via an API or SDK. | ||
## Which hosted media systems work well with Astro? | ||
|
||
Some headless DAMs, like Cloudinary, provide an Astro [integration](/en/guides/integrations-guide/) that allows you to easily fetch your assets as well as display them on your website or app. | ||
Much like when using a CMS, you'll want to use hosted services that allow you to fetch and interact with your assets via an API or SDK. Some services may additionally include Astro-native components for displaying your images or videos. | ||
|
||
## Can I use Astro without a hosted media system or DAM? | ||
## Can I use Astro without a hosted media system? | ||
|
||
Yes! Astro provides built-in ways to [store images](/en/guides/images/#where-to-store-images), including support for referencing remote images. | ||
|
||
However, there is no native video support in Astro, and we recommend choosing a service like [Mux](/en/guides/media/mux/) to handle the demands of optimizing and streaming video content. |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.