[[Play music along several pages]]
You are here: start » Overview » Creating and Designing the Questionnaire » Play music along several pages
 
Trace:

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
Next revisionBoth sides next revision
en:create:frameset [21.09.2015 12:22] – mkgkielen:create:frameset [27.11.2020 21:14] – [Prepare Frame content] sophia.schauer
Line 1: Line 1:
-===== Play music along several pages =====+====== Play music along several pages ======
  
 SoSci gives you the opportunity to present music or videos along the whole qustionaire by means of a frameset. How this works is shown below.((Thanks to [[sbrand@students.uni-mainz.de|Sebastian Brand]] for this chapter.)). SoSci gives you the opportunity to present music or videos along the whole qustionaire by means of a frameset. How this works is shown below.((Thanks to [[sbrand@students.uni-mainz.de|Sebastian Brand]] for this chapter.)).
Line 19: Line 19:
   <head>   <head>
     <meta http-equiv="content-type" content="text/html; charset=utf-8">     <meta http-equiv="content-type" content="text/html; charset=utf-8">
-    <title>Fragebogen</title>+    <title>Questionnaire</title>
   </head>   </head>
   <frameset rows="99%, 1%">   <frameset rows="99%, 1%">
-    <frame src="https://www.soscisurvey.de/PROJEKT/" name="survey"> +    <frame src="https://www.soscisurvey.de/PROJECT/" name="survey"> 
-    <frame name="Beispielframe">+    <frame name="Exampleframe">
   </frameset>   </frameset>
 </html> </html>
Line 36: Line 36:
   * Using the command  ''%%border="0"%%''  borders around the frames can be deleted.   * Using the command  ''%%border="0"%%''  borders around the frames can be deleted.
  
-After creating and working on the file it can be loaded up in **pics and media** to the project directory. The result will be visible by attaching ''/start.html'' e.g. ''%%https://www.soscisurvey.de/PROJEKT/start.html%%'' to the project’s URL.+After creating and working on the file it can be loaded up in **pics and media** to the project directory. The result will be visible by attaching ''/start.html'' e.g. ''%%https://www.soscisurvey.de/PROJECT/start.html%%'' to the project’s URL.
  
 **Important**: Do __not__ upload the protected filestorage! **Important**: Do __not__ upload the protected filestorage!
Line 53: Line 53:
   </head>   </head>
   <body>   <body>
-    <audio id="bgAudio01" preload autoplay>+    <audio id="bgAudio01" preload autoplay style="position: absolute; left: -9999px; top: -9999px">
       <source src="EXAMPLE.MP3">       <source src="EXAMPLE.MP3">
     </audio>     </audio>
Line 62: Line 62:
 Here the audio file was attached by ''<audio>''-tag, which is supported by most browsers. Attaching by flash player is explained here: [[:en:create:media]] Here the audio file was attached by ''<audio>''-tag, which is supported by most browsers. Attaching by flash player is explained here: [[:en:create:media]]
  
-The music file („EXAMPLE.MP3“) has to be uploaded to SoSci Survey likewise. Setting the player’s pixel size to zero lets the player disappear leaving the music playing (e.g. 110 pixel). Now the edited file has to be loaded up to the project’s directory as well.+The music file („EXAMPLE.MP3“) has to be uploaded to SoSci Survey likewise. Setting the player’s pixel size to an absolute negative range (e.g. -9999px) lets the player disappear leaving the music playing. Now the edited file has to be loaded up to the project’s directory as well.
  
 +**Tip:** To determine the name of the audio file, go to Pictures and Files in the questionnaire menu of your project, there you will find the full name, which you can simply copy (usually the name under which you uploaded the file).
  
 ===== Load frame contents ===== ===== Load frame contents =====
  
-Probably the audio file is not meant to play from the beginning but rather start at some point later on. For this purpose copy the file ''play.html'' via JavaScript to the little frame. This is achieved by creating a new text fragment in **Textbausteine und Beschriftung** containing the following:+Probably the audio file is not meant to play from the beginning but rather start at some point later on. For this purpose copy the file ''play.html'' via JavaScript to the little frame. This is achieved by creating a new text fragment in **Text Elements & Labels** containing the following:
  
 <code html> <code html>
 <script type="text/javascript"> <script type="text/javascript">
 <!-- <!--
-top.Beispielframe.location.href = "play.html";+top.Exampleframe.location.href = "play.html";
 // --> // -->
 </script> </script>
Line 87: Line 88:
 <script type="text/javascript"> <script type="text/javascript">
 <!-- <!--
-top.Beispielframe.location.href = "empty.html";+top.Exampleframe.location.href = "empty.html";
 // --> // -->
 </script> </script>
Line 95: Line 96:
 ===== Limitations ===== ===== Limitations =====
  
-  * During loading the frame set it is not possible to transmit variables (e.g. reference or serial number) to the questionaire, as mentioned here: [[:en:survey:url]].+  * While loading the frame set it is not possible to transmit variables (e.g. reference or serial number) to the questionaire, as mentioned here: [[:en:survey:url]].
   * Using this solution fading the music is not feasible. It is cut out abruptly loading the empty file.   * Using this solution fading the music is not feasible. It is cut out abruptly loading the empty file.
en/create/frameset.txt · Last modified: 01.06.2022 19:57 by admin
 
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki