Laudible.co

 Homepage








   Harold's Sample Channel


    Welcome to Harold's Laudible.co channel! These instructions will help you to set up your
   channel and begin posting videos. If you are comfortable working with basic HTML pages, the
   easiest way to create pages and post videos is to follow the instructions below and create them
   yourself. However if you don't want to deal with web code, you can download the Laudible.co
   app. This app has instructions to show you how to create your pages and post them, and you
   won't have to read HTML or CSS code. To run the app, there are two options. 1) If you
   are running a current version of Winzip, you can download the setup package Here.

   2) If you don't have Winzip, you can download the standalone program Here.

    Once you click one of these options, please check your Downloads folder right away to see
   if the download is there, as you won't get a response back telling you the download is complete.
   Create a folder on your computer, may we suggest, "Laudible", to hold your app file(s). Using
   the first option, double-click the setup package, LaudiblePackage.zip. Then copy over the files
   to your newly created folder. Double-click the setup.exe application. If you choose the
   second option, place the standalone Laudible.exe app in your newly created folder. When you
   launch it, you will get a message saying 'unrecognized publisher' or something similar.
   You can choose 'more info' or another option, then choose 'run anyway'.
   The Laudible app is a clean application and doesn't have code which would harm your
   computer. The first option doesn't query you about a publisher because the package has been
   assembled in a proprietary bundle, recognized by your computer. But the
   LaudibleApp.exe in this bundle and the standalone LaudibleApp.exe file are the same
   file.
    If you want to try to create your web pages on your own, click the below
   template download links, then follow the instructions to create your channel. Once
   you click the links, check your Downloads folder to see if they're downloaded. Now
   lets get started and we'll show you how easy it is to post your content and manage your channel.

 Download Homepage template

 Download Individual entry template

   (If your template files aren't downloading to your Downloads folder, you can create them yourself using
   the code in the links below. For each link, copy its source code and save it to a file, using an .html
   extension for the Homepage, and .php extensions for individual pages.)

  Homepage source code

  Individual entry source code


 Post a file(s)

  (Have you completed your Homepage, or do you have an individual entry page ready for posting?)


 Homepage

  (Once constructed, the above link takes you to your Homepage.)

 List folder contents

    You don't have to open the template files you downloaded above to follow these instructions. Your first task will be to construct your Homepage. You only need a single video to start. These instructions use the terms "entry" and "video" interchangeably. Your channel is made up of primarily 3 parts: the Channel page, which is private to you, the host, and the Homepage and individual entry pages, both of which are public pages. Your template pages are unique to your channel, with identifiers which distinguish your channel from the others. Whenever you want to add a video(s) to your channel, you will open the Homepage and individual entry page(s) in a text editor, eg. Wordpad or Notepad, and make the edits described below. The Homepage has a gallery view of your videos, each of which link to an individual entry page. All the pages on your channel are contained in a single folder, which has the same name as your handle. Your Laudible.co folder name is your handle's name. So for example, a Homepage link could be, laudible.co/mike_crandall/homepage.html. Since all your files (both pages and videos) are in the same folder, they each need a unique name. This is important because you don't want to post an overwrite of your previous work. You will however overwrite your homepage.html file each time you post an update. Keeping backup copies of your files will help you to avoid potential problems.
  Your Channel page is user-name and password protected, and it's where you will go to post your files. When you click the "Download Homepage template" link above, a Homepage blank is downloaded to your Downloads folder. The link for "Download Individual entry template" downloads an individual entry page blank. For those public pages on your channel, you will do a series of find-and-replace edits on the template pages, replacing the 'VVV' and 'ZZZ' instances with your file names and their descriptions.
  Each of your entries has an individual page, where viewers can play the video and post a comment. The individual pages also give you more space for detailed descriptions of your videos. Both the Homepage and individual pages have names and descriptions of your files. Replace the instances of "VVV" in the templates with your file names (without extension, unless specified otherwise), and "ZZZ" with their descriptions. As you add more videos, you will add the file names and descriptions, and resave your Homepage for reposting. The Homepage pulls in the gallery views of your videos and has the links to their individual pages. Below is an example of how an entry appears on the Homepage template blank, followed by how it would look on an actual host homepage. You don't really need to understand how the code below works, but notice where the file names and descriptions appear. For each entry on the Homepage, the first instance of a file name "VVV" is followed by a "php" extension, linking it to its individual entry page. The second "VVV" is for the file itself (The file extension in the example is '.mp4' but your file may have an extension '.mpg', '.mov', or some other extension.). You must include the file extension. And the space for "ZZZ" is where the entry's description goes.

<div class="gallery">
<a href="VVV.php">
<div class="videofile">
<video controls="" preload="metadata">
<source src="VVV.mp4" type="video/mp4"/>
</video>
<div class="desc">ZZZ</div>
</div>
</div>
</a>
</div>

Now here's how the segment would appear on an actual host's Channel homepage.

<div class="gallery">
<a href="me_and_sam_at_the_park.php">
div class="videofile" <video controls="controls">
<source src="me_and_sam_at_the_park.mp4" type="video/mp4" /> </video>
<div class="desc">Sam would live at the park if we would let him.</div>
</div>
</a>
</div>


  Below is an example of an individual entry page, showing where the instances of the file name and description appear. As described above, replace "VVV" with your file name (remember to include the file's extension, here 'mp4', in "source src="VVV.mp4""), and "ZZZ" with your description in the template as you did with the Homepage. User comments for each entry are stored in a text file. The comments text file is created when a viewer posts the first comment. The name of the file is taken from the entry file name, followed by "_comments". All you have to do is replace "VVV" in the template. (Make sure your file names and the names of comment text files are unique, otherwise you will overwrite an existing file with the same name on your channel, including those associated with other entries.) See how the name for the comments file appears in the individual page below. "me_and_sam_at_the_park" eg., would be "me_and_sam_at_the_park_comments" for the comments text file. Again, you don't need to understand how the code works, but watch where instances of the file name and description appear.

Here's how the sections appear in the Individual entry template blank.

<div class="gallery">
<video controls="controls">
<source src="VVV.mp4" type="video/mp4" /></video>
<div class="desc">ZZZ</div>
</div>

<?php
$filename = 'VVV_comments.txt';
if (isset($_POST["text"]) && filesize($filename) < 30001) {
$date=date("Y-m-d H:i:s");
$txt = $_POST["text"];
$fp = fopen("VVV_comments.txt", "a+");
fwrite($fp, $txt . PHP_EOL);
fclose($fp);

$dt = $_POST[("date")];
$fp = fopen("VVV_comments.txt", "a+");
fwrite($fp, "$date\r\n");
fwrite($fp, $dt . PHP_EOL);
fclose($fp);

}
if (isset($_POST["text"]) && filesize($filename) > 30000) {
echo "Sorry, comments for this entry are full.";
}
{
$data = file_get_contents("VVV_comments.txt");
echo $data;


And here is how the sections would appear on an actual channel individual entry page.


<div class="gallery">
<video controls="controls">
<source src="Me_and_Sam_at_the_Park.mp4" type="video/mp4" /></video>
<div class="desc">Sam would live at the park if we would let him.</div>
</div>
<?php
$filename = 'me_and_sam_at_the_park_comments.txt';
if (isset($_POST["text"]) && filesize($filename) < 30001) {
$date=date("Y-m-d H:i:s");
$txt = $_POST["text"];
$fp = fopen("me_and_sam_at_the_park_comments.txt", "a+");
fwrite($fp, $txt . PHP_EOL);
fclose($fp);

$dt = $_POST[("date")];
$fp = fopen("me_and_sam_at_the_park_comments.txt", "a+");
fwrite($fp, "$date\r\n");
fwrite($fp, $dt . PHP_EOL);
fclose($fp);

}
if (isset($_POST["text"]) && filesize($filename) > 30000) {
echo "Sorry, comments for this entry are full.";
}
{
$data = file_get_contents("me_and_sam_at_the_park_comments.txt");
echo $data;


  Once you have completed your edits, you can post your files and await your viewer feedback.