Download the PHP package iundd/a11y-me-video without Composer

On this page you can find all versions of the php package iundd/a11y-me-video. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Informations about the package a11y-me-video

Accessible video player based on MediaElement.js, A11y Plugin and Fluid.

The new content element supports many features:

URL
Repository https://github.com/iundd/a11y_me_video
Read online https://docs.typo3.org/p/iundd/a11y-me-video/main/en-us/
TER https://extensions.typo3.org/extension/a11y_me_video

Installation

The extension needs to be installed like any other TYPO3 CMS extension. Get the extension by one of the following methods.

Installation using composer

The recommended way to install the extension is by using Composer. In your composer based TYPO3 project root, just do

Latest version from git

You can get the latest version from git by using the git command:

Installation from TYPO3 Extension Repository (TER)

Download from extensions.typo3.org

Preparation: Include static TypoScript

The extension requires some TypoScript code, which must be integrated.

  1. Switch to the root page of your site.
  2. Switch to the TypoScript module and select the TypoScript record.
  3. Press the Edit the whole template record button and switch to the tab Advanced Options.
  4. Go to Include TypoScript sets. Add Fluid Content Elements and Accessible Video Player to Selected Items.
  5. For some css classes to work, you also need to select Fluid Content Elements CSS (optional)

Versioning

This project uses semantic versioning which means that

Textalternative

Configuration und Customisation

Overriding templates

EXT:a11y_me_video is using Fluid as template engine.

This documentation won't bring you all information about Fluid but only the most important things you need for using it. You can get more information in the section Fluid templates of the Sitepackage tutorial. A complete reference of Fluid ViewHelpers provided by TYPO3 can be found in the Fluid ViewHelper Reference

Change the templates using TypoScript constants

Like any Extbase based extension, you can find the templates in the directory EXT:a11y_me_video/Resources/Private/.

If you want to change a template, copy the desired files to the directory where you store the templates.

We suggest that you use a sitepackage extension. Learn how to create a sitepackage extension.

CSS and Javascript Assets

CSS and Javascript files are integrated via the fluid partial Resources/Private/Partials/Assets.html.

e.G.

If necessary, you can integrate your own modified files from your site package extension here.

e.G.

Change CSS

You can adapt the CSS to your own needs. You can use the existing CSS or SCSS files as base. Copy the file to your own site package and include them with the alternative path.

You can find the original files here:

Example: Change background color of video and controls (css or scss)

override css:

change scss variables (EXT:a11y_me_video/Resources/Private/Scss/_variables.scss)

Note:The color contrast (foreground to background) for controls must be at least 4.5:1.

Javascript Sources
JavaScript source file(s) Description
EXT:a11y_me_video/Resources/Public/JavaScript/Vendor/mediaelement/build/mediaelement-and-player.js MediaElements.js player
EXT:a11y_me_video/Resources/Public/JavaScript/Vendor/mediaelement/build/lang.advanced/*.js extended language files for player
EXT:a11y_me_video/Resources/Public/JavaScript/Vendor/mediaelement-plugins/dist/a11y/a11y.js a11y plugin for subtitles und audio description
EXT:a11y_me_video/Resources/Public/videoPlayer.js starts init mediaelement players & some fixes

Override TypoScript settings

Change default header type

This setting determines which heading type is used when selecting default in the backend content module.

The default header type is 2 (= h2 header).

Add video player module to a page

Select A11y Video Player & Text or A11y Video Player & Text (linked file resources):

Content-Element: A11y Video Player & Text

Accessible video player (local file resources)

Tab General

This content element supports data fields und settings, which are known from any standard content elements e.g. Text & Media.

Tab Main Video

Tab Accessibility | Alternatives

Here you can specify alternatives to the main video. Use it to improve accessibility.

Tab Appearance

This content element supports data fields und settings, which are known from any standard content elements e.g. Text & Media.

All settings are optional.

Backend Preview

Content-Element: A11y Video Player & Text (linked file resources)

Accessible video player. The player uses linked file resources, for example external links.

Tab General

This content element supports data fields und settings, which are known from any standard content elements e.g. Text & Media.

Tab Main Video

Tab Accessibility | Alternatives

Here you can specify alternatives to the main video. Use it to improve accessibility.

Tab Appearance

This content element supports data fields und settings, which are known from any standard content elements e.g. Text & Media.

All settings are optional.

Backend Preview

Examples File

Sorry. The old example files no longer exist. For a better understanding of the content requirements for the media files, you will find a similar video player on the following website:

https://www.aktion-mensch.de/inklusion/barrierefreiheit/barrierefreie-videos-fuer-alle.

The main video, the sign language video and the mp3 file with audio description must be in sync. This means that they all have the same timeline, so that you can easily switch between them at any time.

A typical sign language video shows the original video in the background and the sign language interpreter in the foreground.

The audio description is used as an alternative audio track. The audio track contains the original sound and additional text spoken by a narrator. Speech and audio gaps can be used to describe additional important visual information for blind and visually impaired people.

MediaElement.Js

Video player based on MediaElement.js and A11y Plugin.js (Aktion Mensch Plugin):

All versions of a11y-me-video with dependencies

PHP Build Version
Package Version
Requires typo3/cms-backend Version ^12.4 || ^13.2
typo3/cms-core Version ^12.4 || ^13.2
typo3/cms-extbase Version ^12.4 || ^13.2
typo3/cms-fluid Version ^12.4 || ^13.2
typo3/cms-frontend Version ^12.4 || ^13.2
typo3/cms-filelist Version ^12.4 || ^13.2
typo3/cms-fluid-styled-content Version ^12.4 || ^13.2
typo3/cms-rte-ckeditor Version ^12.4 || ^13.2
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package iundd/a11y-me-video contains the following files

Loading the files please wait ....