Difference between revisions of "Template:FAQ AnimatedBackground"

From 5etools Community Wiki
Jump to: navigation, search
m (Usable Media URLs from Online sources)
m
Line 1: Line 1:
==== How do I Generate Usable Media URLs from Online sources ====
+
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
 +
<div style="font-weight:bold;line-height:1.6;">'''Where do I find animations?'''</div>
 +
<div class="mw-collapsible-content">
 +
 
 +
*<s>[https://github.com/DMsGuild201/Roll20_resources/blob/master/ExternalArt/Animated/By%20filename.MD listings by filename]</s>  ported to the Wiki '''''[[Resource: Animated Background|here]]'''''
 +
*[[Resource: Animated Background#Theme|listings by theme]]
 +
*<u>'''[https://docs.google.com/spreadsheets/d/1CmYvfdu4lUNXEKWUoCqgTMlUd_UXYb-0N-GSqLsZF-M/edit#gid=0 listing spreadsheet]'''</u>
 +
*[[Feature: Art Repo|Art Repo]] (forthcoming)
 +
*[https://www.videezy.com/free-video/smoke Effects Videos]
 +
 
 +
: You can also use the resources in the next question to create temporary links to YouTube or extract files from there,
 +
: DMGE offers a freeware tool to make such (works wonders with the modular dungeon segments.)
 +
 
 +
</div></div></div>
 +
 
 +
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
 +
<div style="font-weight:bold;line-height:1.6;">'''How do I Generate Usable Media URLs from Online sources?'''</div>
 +
<div class="mw-collapsible-content">
 +
 
 
'''This method requires [https://www.videolan.org/vlc/index.html VLC player] '''
 
'''This method requires [https://www.videolan.org/vlc/index.html VLC player] '''
  
Line 13: Line 31:
  
 
''example''
 
''example''
 
  
  
Line 27: Line 44:
 
: ''The URL that is provided will expire <u>in about a day</u>''.
 
: ''The URL that is provided will expire <u>in about a day</u>''.
  
=='''Support/Suggested Use Guidance (FAQ).'''==
+
</div></div></div>
''(this is a community-curated set of best practices / FAQ on the feature's support and solutions/workarounds.)''
 
  
====​​​​​ '''What should I look for to know if the link will work?''' or '''I have a URL, why isn't it working!?'''====
+
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
 +
<div style="font-weight:bold;line-height:1.6;">'''How do I resize the video?'''</div>
 +
<div class="mw-collapsible-content">
  
examples of''' bad Media URLs''' (they won't work, and why they won't work -- ''so you can avoid them in your testing'')
 
*<code>127.0.0.1/Users/GM/My_Documents/Roll20_Animated_Backgrounds/Supercool.mp4</code><br />''That is a local file (that address is a loopback to whatever machine you are on) and nobody else will be able to see it.''
 
*<br />That link either requires authentication, or issues a redirect - if pass-through authentication is required the Roll20 client will not pass that, and redirections are most often changes in HTML. The player doesn't know what to do with it.<br /> 
 
*<code>https://www.youtube.com/watch?v=aRaynveO0MQ </code><br />''That's a youtube URL - like above, there is a website side actions that the link asks the browser to take to redirect or initiate some other elements, and the Roll20 client will not be able to act on that so those links WILL fail. ''<br /> 
 
*<code>[https://media.giphy.com/media/bcKmIWkUMCjVm/giphy.gif https://media.giphy.com/media/bcKmIWkUMCjVm/giphy.gif​​​​]</code><br />''That's an animated .gif (see the ending bit of text? that says .gif -- the player doesn't use and cannot play animated gifs, if your file doesn't work, and ends in .gif, that's why.''<br /> 
 
*<code>https://i.imgur.com/zvATqgs.gifv</code><br />''That's the new animated .gif format .gifv.  (and in case you're wondering, renaming a file to .webm or mp4 won't make the file's "type" change - the file is written in a specific language/structure.  The player reads that language, and if its not in that language - it just doesn't work. ''<br /> 
 
 
==='''One/Some/All of my players cannot see the animation, but I can!'''===
 
 
: Troubleshooting
 
: '''Tier 1'''<br />Check to see if the player(s) are using the supported environment, have the most current version of R20ES installed correctly, and that it is enabled.
 
 
''Solution'': <br />
 
Check to see if the extension is running, or they are on supported environment.
 
If it is not, install or enable the extension/plugin.
 
See the installation guide.
 
: <br />'''Tier 2'''
 
: Most likely the URL you have chosen isn't a public address, and so your browser is playing it because it is authorized already to see that file, while your players are not.<br /><br />''Solution Steps'':<br />Move the file (see '''Where can I host my Animated Backgrounds '''...) to a place everyone has access to.<br /> 
 
:Give everyone access to that location.<br />The best way to see if its a public file is to open a new browser (Chrome if you are using Firefox, Firefox if you are using Chrome - and install R20ES to work in Incognito or Private viewing mode. then log into Roll20 and see if that browser can see the animation.<br />You can also test this by putting or choosing ANOTHER animation from that site and setting it as a landing page for the players, before play, make sure they can see the animation clearly - then you can proceed with confidence. Otherwise, you will need to have a backup map as whomever cannot see the test animation on the landing page, very likely cannot see the other image.
 
 
==='''How do I resize the video?'''===
 
 
: You change the page dimension. The animated map maintains its aspect ratio and scales with the page's dimensions.
 
: You change the page dimension. The animated map maintains its aspect ratio and scales with the page's dimensions.
 
: TVs/ monitors work within a  16:9 ratio so use that as a metric that to avoid letterboxing (dead space around the image) as much as possible.
 
: TVs/ monitors work within a  16:9 ratio so use that as a metric that to avoid letterboxing (dead space around the image) as much as possible.
Line 77: Line 74:
 
: ultimately you'll need to play around so that the scale matches the encounter in some capacity, and some of the animated backgrounds are made intentionally to be modular - so those files you save locally then manufacture complex systems for players to wander through.
 
: ultimately you'll need to play around so that the scale matches the encounter in some capacity, and some of the animated backgrounds are made intentionally to be modular - so those files you save locally then manufacture complex systems for players to wander through.
  
 +
</div></div></div>
  
 +
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
 +
<div style="font-weight:bold;line-height:1.6;">'''How do align the grid to the animation's grid?'''</div>
 +
<div class="mw-collapsible-content">
  
==='''Where do I find animations?'''===
+
: Most often, you don't. there is some chance it will work, but most often its best to turn off the grid and go from there.
: Mostly YouTube and then extract links to them from there, however, DMGE offers a freeware tool to make such (works wonders with the modular dungeon segments.)
 
: Also there is the [Roll20 Resource Git]() which has
 
  
*<s>[https://github.com/DMsGuild201/Roll20_resources/blob/master/ExternalArt/Animated/By%20filename.MD listings by filename]</s>  ported to the Wiki '''''[[Resource: Animated Background|here]]'''''
+
</div></div></div>
*[[Resource: Animated Background#Theme|listings by theme]]
 
*<u>'''[https://docs.google.com/spreadsheets/d/1CmYvfdu4lUNXEKWUoCqgTMlUd_UXYb-0N-GSqLsZF-M/edit#gid=0 listing spreadsheet]'''</u>
 
*[[Feature: Art Repo|Art Repo]] (forthcoming)
 
*[https://www.videezy.com/free-video/smoke Effects Videos]
 
  
==='''How do align the grid to the animation's grid?'''===
+
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
 
+
<div style="font-weight:bold;line-height:1.6;">'''How do I make my own Animated Backgrounds?'''</div>
: Most often, you don't. there is some chance it will work, but most often its best to turn off the grid and go from there.
+
<div class="mw-collapsible-content">
:
 
==='''How do I make my own Animated Backgrounds?'''===
 
  
 
: Manny Sykes uses this tool to create many of his animated backgrounds, and you can too. [https://www.patreon.com/dmge DMGE ] is tool offered by /u/mcdoolz through his [https://www.patreon.com/dmge Patreon site] .
 
: Manny Sykes uses this tool to create many of his animated backgrounds, and you can too. [https://www.patreon.com/dmge DMGE ] is tool offered by /u/mcdoolz through his [https://www.patreon.com/dmge Patreon site] .
Line 105: Line 98:
 
: '''[https://www.youtube.com/watch?v=Uu10ZamLWHo Watch this]'''  to help walk you through the process
 
: '''[https://www.youtube.com/watch?v=Uu10ZamLWHo Watch this]'''  to help walk you through the process
  
==='''Where can I host my Animated Backgrounds so that my players can see and marvel (as can other GMs)?'''===
+
</div></div></div>
 +
 
 +
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
 +
<div style="font-weight:bold;line-height:1.6;">Where can I host my Animated Backgrounds so that my players can see and marvel (as can other GMs)?</div>
 +
<div class="mw-collapsible-content">
 +
 
 
: Loads of options abound. But... GoogleDrive, Onedrive,  Amazon - are most often not usable. so
 
: Loads of options abound. But... GoogleDrive, Onedrive,  Amazon - are most often not usable. so
 
*youtube
 
*youtube
Line 114: Line 112:
 
*dropbox
 
*dropbox
 
*or.....leave a request in the notes with a link to the file
 
*or.....leave a request in the notes with a link to the file
 +
 +
</div></div></div>

Revision as of 01:08, 15 January 2020

Where do I find animations?
You can also use the resources in the next question to create temporary links to YouTube or extract files from there,
DMGE offers a freeware tool to make such (works wonders with the modular dungeon segments.)
How do I Generate Usable Media URLs from Online sources?

This method requires VLC player

Where prompted, Enter the URL / Link to the video (such as `https://www.youtube.com/watch?v=ahwMlwJXPPs`)
  • Then in the menu at the top click on Tools
  • Choose `Media Information` (or Ctrl + i)
  • At the bottom, under location - you can triple-click on that to copy a direct link to the video or double click & ctrl + c (It will be a very large string of letters and numbers)

example


this link does expire in several days (varies but as a guess around 20 days), so you may this, but realize you will need to update the link from time to time.

Get a link from Alltube

The method creates temporary URLs that will expire in about a day* (assumes From Youtube)

  • Find a video on or upload a video to youtube you wish to use.
  • Get the URL for that video and copy it.
  • Go to https://alltubedownload.net/
  • Paste your Youtube video's URL
The URL that is provided will expire in about a day.
How do I resize the video?
You change the page dimension. The animated map maintains its aspect ratio and scales with the page's dimensions.
TVs/ monitors work within a  16:9 ratio so use that as a metric that to avoid letterboxing (dead space around the image) as much as possible.
eg.
Page's X value Page's Y value
16 9
32 18
50 28
64 36
ultimately you'll need to play around so that the scale matches the encounter in some capacity, and some of the animated backgrounds are made intentionally to be modular - so those files you save locally then manufacture complex systems for players to wander through.
How do align the grid to the animation's grid?
Most often, you don't. there is some chance it will work, but most often its best to turn off the grid and go from there.
How do I make my own Animated Backgrounds?
Manny Sykes uses this tool to create many of his animated backgrounds, and you can too. DMGE is tool offered by /u/mcdoolz through his Patreon site .
  • You find a game with a virtual environment you enjoy
  • confirm there is a 'no clipping' sort of crack or feature.
  • use a software for recording the screen.
  • then... post the video onto Imgur; YouTube; etc etc.
  • use the same practices as above to generate a usable link.
Watch this  to help walk you through the process
Where can I host my Animated Backgrounds so that my players can see and marvel (as can other GMs)?
Loads of options abound. But... GoogleDrive, Onedrive,  Amazon - are most often not usable. so
  • youtube
  • imgur
  • github (under 25mb)
  • webmland (under 100mb) site has closed.
  • mixtape.moe
  • dropbox
  • or.....leave a request in the notes with a link to the file