az-digital / az_quickstart

UArizona's web content management system built with Drupal 10.
https://quickstart.arizona.edu
GNU General Public License v2.0
30 stars 20 forks source link

Add Media Remote module to handle remote URL content (usually from non-OEmbed providers) as Media items in Drupal. #2693

Open trackleft opened 1 year ago

trackleft commented 1 year ago

Motivation

Embedding remote media is a huge pain, and should be dead simple.

Is your feature request related to a problem? Please describe.

If I want to embed an iframe or embed i have to jump through an inordinate amount of hoops. Likely, I'll need to use the full html text formatter Then I'll probably need to write some Javascript to make my embed responsive Then, I might need to add CSS to style my embed

Proposed Resolution

Use the Media Remote module to allow storing each embed as a media item that can be templated by type, then create templates for all of our most commonly used services.

  1. Box
  2. Qualtrics
  3. Tableau
  4. Sharepoint
  5. Facebook
  6. Instagram
  7. 3006

  8. Playposit
  9. H5P
  10. 2694 (Looks like we are missing an issue)

After these templates are created, adding embeds will be as easy as adding youtube videos.

Describe alternatives you've considered

Creating a custom oembed API endpoint that stores all of this template information, and then using drupal's built in oembed architecture.

Roles and Permissions considerations

A clear and concise description of how each of the following roles would be impacted by this change:

Additional context

https://www.drupal.org/project/media_remote

fallonmurph commented 1 year ago

Let me meet with my team about the Tableau embed piece. I am needing to identify 1) what display modes we would need to include for Tableau remote embed and 2) It Tableau provides embed urls.

Since we use javascript for embedding tables on our site, we have to manually change the dashboard width and height to accommodate the side bar menu as well as tinker with the scrolling feature. I will meet with my team and the individuals who build the tables in Tableau to get their input so that I can provide as much information from UAIR's end as I can.

trackleft commented 1 year ago

FYI @fallonmurph I tried using the Tableau V3 embedding API, but got back an error message that the version of tableau that those covid dashboards are using don't support V3.

caught Error: incompatible-version-error: The version of the Embedding library is not compatible with the version of Tableau. The visualization will load, but the Embedding API methods and events are not available.

Is there a plan to upgrade Tableau, or should we be focusing on the V2 version of the embed API? https://help.tableau.com/current/api/embedding_api/en-us/docs/embedding_api_get.html

At any rate, I was able to get Tableau embedding to work with a URL that looks like this: https://bi.arizona.edu/t/UA/views/COVIDDashboard6_0_16268911987150/COVIDDashboard