Re-add old blog posts from Astro
This commit is contained in:
parent
076239fa25
commit
051e154c65
178 changed files with 13479 additions and 7 deletions
85
source/_posts/install-nomensa-media-player-drupal.md
Normal file
85
source/_posts/install-nomensa-media-player-drupal.md
Normal file
|
@ -0,0 +1,85 @@
|
|||
---
|
||||
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>
|
Loading…
Add table
Add a link
Reference in a new issue