86 lines
2.4 KiB
Markdown
86 lines
2.4 KiB
Markdown
|
---
|
||
|
|
title: Install and Configure the Nomensa Accessible Media Player in Drupal
|
||
|
|
date: 2012-07-14
|
||
|
|
excerpt: This week I released the first version of the Nomensa Accessible Media Player module for Drupal 7. Here's some instructions of how to install and configure it.
|
||
|
|
tags:
|
||
|
|
- accessibility
|
||
|
|
- drupal
|
||
|
|
- drupal-planet
|
||
|
|
- nomensa
|
||
|
|
---
|
||
|
|
|
||
|
|
This week I released the first version of the Nomensa Accessible Media Player
|
||
|
|
module for Drupal 7. Here's some instructions of how to install and configure
|
||
|
|
it.
|
||
|
|
|
||
|
|
_The official documentation for this module is now located at
|
||
|
|
<https://www.drupal.org/node/2383447>. This post was accurate at the time of
|
||
|
|
writing, whereas the documentation page will be kept up to date with any future
|
||
|
|
changes._
|
||
|
|
|
||
|
|
## Initial configuration
|
||
|
|
|
||
|
|
### Download the Library
|
||
|
|
|
||
|
|
The library can be downloaded directly from GitHub, and should be placed within
|
||
|
|
you _sites/all/libraries/nomensa_amp_ directory.
|
||
|
|
|
||
|
|
```bash
|
||
|
|
drush dl libraries nomensa_amp
|
||
|
|
git clone https://github.com/nomensa/Accessible-Media-Player sites/all/libraries/nomensa_amp
|
||
|
|
cd sites/all/libraries/nomensa_amp
|
||
|
|
rm -rf Accessible-media-player_2.0_documentation.pdf example/ README.md
|
||
|
|
drush en -y nomensa_amp
|
||
|
|
```
|
||
|
|
|
||
|
|
### Configure the Module
|
||
|
|
|
||
|
|
Configure the module at <em>admin/config/media/nomensa-amp</em> and enable the
|
||
|
|
players that you want to use.
|
||
|
|
|
||
|
|
## Adding videos
|
||
|
|
|
||
|
|
Within your content add links to your videos. For example:
|
||
|
|
|
||
|
|
### YouTube
|
||
|
|
|
||
|
|
```html
|
||
|
|
<a href="http://www.youtube.com/watch?v=Zi31YMGmQC4">Checking colour contrast</a>
|
||
|
|
```
|
||
|
|
|
||
|
|
### Vimeo
|
||
|
|
|
||
|
|
```html
|
||
|
|
<a href="http://vimeo.com/33729937">Screen readers are strange, when you're a stranger by Leonie Watson</a>
|
||
|
|
```
|
||
|
|
|
||
|
|
## Adding captions
|
||
|
|
|
||
|
|
The best way that I can suggest to do this is to use a File field to upload your
|
||
|
|
captions file:
|
||
|
|
|
||
|
|
1. Add a File field to your content type;
|
||
|
|
1. On your page upload the captions file.
|
||
|
|
1. Right-click the uploaded file, copy the link location, and use this for the
|
||
|
|
path to your captions file.
|
||
|
|
|
||
|
|
For example:
|
||
|
|
|
||
|
|
```html
|
||
|
|
<a href="http://www.youtube.com/watch?v=Zi31YMGmQC4">Checking colour contrast</a> <a class="captions" href="http://oliverdavies.co.uk/sites/default/files/checking-colour-contrast-captions.xml">Captions for Checking Colour Contrast</a>
|
||
|
|
```
|
||
|
|
|
||
|
|
## Screencast
|
||
|
|
|
||
|
|
<div class="embed-container">
|
||
|
|
<iframe
|
||
|
|
src="https://player.vimeo.com/video/45731954"
|
||
|
|
width="500"
|
||
|
|
height="313"
|
||
|
|
frameborder="0"
|
||
|
|
webkitallowfullscreen
|
||
|
|
mozallowfullscreen
|
||
|
|
allowfullscreen>
|
||
|
|
</iframe>
|
||
|
|
</div>
|