Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-44800

Feature request: Add Able Player to Sakai

    XMLWordPrintable

    Details

    • Test Plan:
      Hide

      Testing steps (Lessons Embed Content option):

      1. Have or create two small media files on your computer that can be displayed in Able Player:
        • video file (e.g., mp4)
        • audio file (e.g., mp3)
      2. Have or create a .vtt captions file for the video.
      3. Create a site with at least one student/member that includes the following tools:
        • Lessons
        • Resources
      4. Go to Resources and upload your audio file there.
      5. Go to a site that has streaming media (e.g., YouTube).
      6. Locate a video with captions. For YouTube, enter ",CC" after the search term to find a captioned video. Example YouTube Search
      7. Copy embed code for the video to your computer clipboard.
      8. In your Sakai site, go to Lessons and choose Add Content, then Embed Content on the Page.
      9. Select Add New URL (web link) and paste the embed code in the Or add a URL or "embed code" field.
      10. Select Save.
      11. Confirm that the video is displayed in Able Player embed and can be played with Closed Captions disabled/enabled as needed.
      12. Choose Add Content, then Embed Content on the Page.
      13. Choose File and upload your video file from your computer, then Save.
      14. Note: Somewhere around here, there needs to be a step to upload/attach the captions file with the video - How is this done?
      15. Confirm that the video is displayed in Able Player embed and can be played with Closed Captions disabled/enabled as needed.
      16. Choose Add Content, then Embed Content on the Page.
      17. Select existing file from Resources, and choose the audio file, then Save.
      18. Confirm that the audio is displayed in Able Player embed and can be played.
      Show
      Testing steps (Lessons Embed Content option): Have or create two small media files on your computer that can be displayed in Able Player: video file (e.g., mp4) audio file (e.g., mp3) Have or create a .vtt captions file for the video. Create a site with at least one student/member that includes the following tools: Lessons Resources Go to Resources and upload your audio file there. Go to a site that has streaming media (e.g., YouTube). Locate a video with captions. For YouTube, enter ",CC" after the search term to find a captioned video. Example YouTube Search Copy embed code for the video to your computer clipboard. In your Sakai site, go to Lessons and choose Add Content , then Embed Content on the Page . Select Add New URL (web link) and paste the embed code in the Or add a URL or "embed code" field. Select Save . Confirm that the video is displayed in Able Player embed and can be played with Closed Captions disabled/enabled as needed. Choose Add Content , then Embed Content on the Page . Choose File and upload your video file from your computer, then Save . Note: Somewhere around here, there needs to be a step to upload/attach the captions file with the video - How is this done? Confirm that the video is displayed in Able Player embed and can be played with Closed Captions disabled/enabled as needed. Choose Add Content , then Embed Content on the Page . Select existing file from Resources, and choose the audio file, then Save . Confirm that the audio is displayed in Able Player embed and can be played.

      Description

      The current video/audio player options for content uploaded to Sakai Resources and tool-specific content areas (e.g., Lessons embeds, Samigo Student Audio Response questions, Assignments video and audio submissions) are clunky, often misbehave, and have accessibility issues for hard of hearing (needing closed captions), keyboard and screen reader users. Some users are confronted with a request to download the video/audio files when arriving on the page where they are embedded. Others are asked to enable Flash.

      The proposal is to add Able Player, an open-source accessible HTML5 media player, to Sakai for these embeds.

      Github link for Able Player

      Ideally:

      • The AblePlayer would also be available as a CKEditor plugin so it could be used for CKEditor video/audio embeds. However, it doesn't look like they make a CKEditor plugin.
      • Anywhere users can upload attachments, and they upload a video/audio file, its mimetype would be recognized as such and embedded on the page with a corresponding Download link to allow for download if needed.

      Related questions:

      • How does the user upload captions for a video/audio file they upload, and where do the captions files get stored?
      • If there are multiple tracks/elements, how do those get uploaded and stored? E.g.: video/audio file, audio description file, potentially multiple captions or subtitle files.

        Gliffy Diagrams

          Zeplin

            Attachments

              Issue Links

                Activity

                  People

                  Assignee:
                  maintenanceteam Core Team
                  Reporter:
                  rainribbon Tiffany Stull
                  Votes:
                  0 Vote for this issue
                  Watchers:
                  3 Start watching this issue

                    Dates

                    Created:
                    Updated:

                      Git Integration