​
DHQ: Digital Humanities Quarterly
Editorial
Editorial  |  XML |  Print Article

Media Encoding Samples

Julia Flanders <foo_at_foo_dot_edu>, , Northeastern University

Revision Note

change made to this location The previous version of the article will remain available.

Abstract

Sample media encoding

Section 1: Artificial examples

1
This paragraph has three samples of our new element, <media>, which is used to represent audio-visual media that we formerly encoded with <ptr> and <graphic>. If it's working, for each example we should see a media player ready to play an audio file, with a "fallback" image and/or a description that reads "Fallback text content for audio file (local pointer to resources directory)". If it's not working, we see a "debug" message.
2
Example 1.1: Oral history with Harold Short (MP3 file, stored in local resources folder, encoded with <media>):
3
Example 1.2a: Video starting with TV test pattern, from "Locating Grid Technologies" (hosted on Vimeo, using the link for the video itself (not the embed link):
4
Example 1.2b: Video starting with TV test pattern, from "Locating Grid Technologies" (hosted on Vimeo, using the partial embed link, i.e. just adding "player" to the URL from above):
5
Example 1.2c: Video starting with TV test pattern, from "Locating Grid Technologies" (hosted on Vimeo, using the full embed link):
6
Example 1.3: Short test video of dog and cat (.mov file, stored locally):
Debug: Unhandled media type.

Section 2. Examples of <media>, using videos from Vimeo and YouTube

7
Derived with modification from Kim, 000514.xml. This section includes six examples, showing <media> and <dhq:passThroughCode> both nested inside <figure> and on their own, with both YouTube and Vimeo examples. If these are working, we should see the video player box for each example.
8
Example 2.1a: <media> inside <figure>, video hosted on Vimeo, no specification of dimensions (results in surrounding white space):
Figure 1. 
"After Ghostcatching HD excerpts." Source credit: The OpenEndedGroup.
9
Example 2.1b: <media> inside <figure>, video hosted on Vimeo, with height/width controlled using @height and @width:
Figure 2. 
"After Ghostcatching HD excerpts." Source credit: The OpenEndedGroup.
10
Example 2.2: <media> on its own, video hosted on Vimeo:
11
Example 2.3: <media> inside <figure>, video hosted on YouTube:
Figure 3. 
"After Ghostcatching HD excerpts." Source credit: The OpenEndedGroup.

Section 6: Displaying SVG images

12
Images from Sperberg-McQueen and Huitfeldt, article 000725.
An SVG image of a lattice or network
Figure 4. 
SVG image
An SVG image of a lattice or network
Figure 5. 
SVG image
An SVG image of a lattice or network
Figure 6. 
SVG image
An SVG image of a lattice or network
Figure 7. 
SVG image
An SVG image of a lattice or network
Figure 8. 
SVG image

Section 3. Examples of <dhq:passThroughCode>, using videos from Vimeo and YouTube.

13
This encoding is deprecated! For videos, we prefer to use <media>. This section is purely for experimentation and debugging.
14
Example 3.1: <dhq:passThroughCode> inside <figure> (video hosted on YouTube):
Figure 9. 
"Bloodlines: Dana Centre Performance 2013." Source credit: The Chimera Network.
15
Example 3.2: <dhq:passThroughCode> on its own (video from YouTube):
16
Para to test whether having <dhq:passThroughCode> as the last element breaks the HTML
17
Example 3.3: <dhq:passThroughCode> inside <figure> (video from Vimeo):
Figure 10. 
"Bloodlines: Dana Centre Performance 2013." Source credit: The Chimera Network.
18
Example 3.4: <dhq:passThroughCode> on its own (video from Vimeo):

Section 4: Examples of <media> with audio files

19
This set of examples use <media> with audio files.
20
Example 4.1. From Patrick, 000004.xml. If this is working, we should see an option to download or play an audio file.
21
[This example uses <media>.] Click for an audio file audio file of a Tibetan mantra of a Tibetan mantra. Audio file © 2005 Karma Kagyu Institute. Chanted by Umdze Lodro Samphel.

Section 5. Examples showing <media> in odd places

22
Example 5.1 From Jerz, 000009.xml.
23
[This example is an audio file linked from inside the heading for a figure, and uses <media>.]
Two photos of cavers seated in a cave
Figure 11. 

YOU ARE IN A LARGE ROOM, WITH A PASSAGE TO THE SOUTH, A PASSAGE TO THE WEST, AND A WALL OF BROKEN ROCK TO THE EAST. THERE IS A LARGE “Y2” ON A ROCK IN ROOMS CENTER.  (Room 33, “YOU'RE AT Y2”)

A HOLLOW VOICE SAYS “PLUGH”  (Table 6, Item 8)

In “Adventure”, entering the command “PLUGH” from this location transports the player to the small building. Click for audio: --> Jerz: “All right, well here I am underground with Dave West, Roger Brucker and Lynn Brucker at Y2. Dave, what would you say we're supposed to say at this point?” West: “Well… I've tried many ways to pronounce it. Plug, ploog, ploof, pluh. And I'm still here.” R. Brucker: ““PLUGH!!”” Jerz: “That didn't sound too hollow. It sounded… something. ” Photos by Lynn Brucker and Dennis G. Jerz, © Cave Research Foundation 2005. Reproduced by permission.
24
Example 5.2: [This example is an audio file inside a caption for a figure, encoded with <media>.]
Two photos of cavers seated in a cave
Figure 12. 

YOU ARE IN A LARGE ROOM, WITH A PASSAGE TO THE SOUTH, A PASSAGE TO THE WEST, AND A WALL OF BROKEN ROCK TO THE EAST. THERE IS A LARGE “Y2” ON A ROCK IN ROOMS CENTER.  (Room 33, “YOU'RE AT Y2”)

A HOLLOW VOICE SAYS “PLUGH”  (Table 6, Item 8)

In “Adventure”, entering the command “PLUGH” from this location transports the player to the small building. Click for audio: --> Jerz: “All right, well here I am underground with Dave West, Roger Brucker and Lynn Brucker at Y2. Dave, what would you say we're supposed to say at this point?” West: “Well… I've tried many ways to pronounce it. Plug, ploog, ploof, pluh. And I'm still here.” R. Brucker: ““PLUGH!!”” Jerz: “That didn't sound too hollow. It sounded… something. ” Photos by Lynn Brucker and Dennis G. Jerz, © Cave Research Foundation 2005. Reproduced by permission.

Section 7: Audio files using <media>

25
From Nyhan oral histories of DH, 000131.xml, 000132.xml, 000133.xml, 000134.xml. All media files are MP3 files, stored in a local resources directory.
26
[In this example, we should see an option to play an audio file.] Hear the accompanying audio interview: .

Section 8: Encoding in-line images (such as pictograms)

27
For example, we can use the <graphic> element to display pictograms, which are essentially small image files to be displayed inline. In the following examples, we are using pixels e.g. the character (20px) and the character (30px) and the character (40px) and the character (50px)
28
For example, we can use the <graphic> element to display pictograms, which are essentially small image files to be displayed inline. In the following examples, we are using ems (relative to font size): e.g. the character (1em) and the character (2em) and the character (3em) and the character (43m)

Works Cited

Flanders 1999 Flanders, Julia. “Scholarly Habits and Digital Resources: Observations from a User Survey”. Women Writers Project, 1999. http://www.wwp.brown.edu/about/rwo/rwo_initial_report.html.
Editorial  |  XML |  Print Article
Creative Commons License
This work is licensed under a Creative Commons Attribution-NoDerivatives 4.0 International License.