User Tools

Site Tools


twine2:add_an_image_movie_sound_effect_or_music

This is an old revision of the document!


Add an Image, Movie, Sound Effect, or Music

Twine 2 doesn't currently have the ability to embed multimedia into your story. If you'd like to create something that makes heavy use of images, sound, or movies, you may want to stick to Twine 1 for now. But that's not to say that you can't use these things in your story! For now, you'll need to store them elsewhere – whether it's on a web site you control, or a service you use like Dropbox – and put references to them in your story.

Hotlinking, or using a resource on someone else's server without their permission, is a bad idea. Not only is it freeloading on someone else's bandwidth, but the media could go away at any time – or be replaced by an angry owner with something you weren't expecting!

Adding an Image

Once you know what your image's URL is, having it display in your story is as simple as entering the correct HTML code to show up:

<img src="the URL of your image" width="500" height="300" alt="Two foxes">

The width and height part of the code control the size of your image on the page. If you leave them off, then it will display the image in the dimensions as you saved it.

How to add a movie or video:

These should work regardless of story format.

Your video may fall into one of the following categories:

  1. Self-hosted video: There is a video file on your computer or in a directory on a webserver.
  2. Hosted video: YouTube, Vimeo, etc. This is your easiest option!
      1. Click the Share link under the video.
      2. Click the Embed link.
      3. Copy the code provided in the expanded box.
      4. Paste the code into your blog or website.
      1. Go to the video page and click the Share button that appears when you hover your mouse over the video player.
      2. In the pop-up window, you'll see a field containing embed code for the video. Just copy the magic code and paste it into your website or blogging software. Instant hotness.

How to add a movie or video as AUDIO ONLY:

Using Twine 1.x, several authors have created stories that make use of hosted videos as soundtracks. Crafty! (If you have done this in Twine 2, please explain how for Sugarcube and Harlowe.)

How to add sound effects:

How to add music:

twine2/add_an_image_movie_sound_effect_or_music.1431729071.txt.gz · Last modified: 2017/10/09 20:38 (external edit)