Trinity Valley Community College

   
IT Services
Michael Abbott
Vice President of 
Information Technology

Hours
Mon-Fri: 8am-4:30pm

100 Cardinal Dr.
Athens Campus LRC 212
Athens, TX 75751

eCourse help:
(903) 675-6324
 

(903) 670-2621 - Helpdesk

(903) 675-6293 - Office

(903) 675-6298 - Fax
helpdesk@tvcc.edu

Blackboard Video Streaming
   
Posted: 4/24/2014 1:55:39 PM
If you have a video you need to stream on your Blackboard page, you're in luck. Here's how you can create a professional looking video for your class.


Step 1:  Create Video File

To post a video file on Black Board, you’ll need to start with the right kind of video file. Our streaming server serves many formats but only in the H.264 codec.  We recommend QuickTime's .mp4 format with the H.264 codec because it works with the greatest number of platforms.  Those platforms include:

  • Windows (PC)
  • OS X Snow Leopard (Apple Mac and Notebook)
  • iOS (iPod, iPhone, and iPad)
  • Linux (rare - PC)
  • More

Free Conversion Utility: 

 
Key Features
  • Convert all popular video formats, including HD video.
  • Rip audio from video.
  • Convert video to animated GIF.
  • Optimized profiles for many digital devices.
  • Adjust format parameters.
  • Merge video.
  • Trim video.
  • Crop video.
  • Add watermark on video.
  • Support .srt subtitle.
  • And many more...
iWisoft Free Video Converter is a powerful, high-quality freeware video converter. It can easily convert video/audio between all popular formats. It can convert video/audio from one format to another, rip audio from video, convert video to image series, animated gif.

The free video converter provides you optimized output profiles, you can easily convert video/audio for iPod, iPhone, PSP, Zune and many other digital devices.

You can adjust codec, bit rate, frame rate, video size, audio channel, sample rate, audio volume etc. for an output format.

And the video converter provides many useful video editing functions, like cropping, trimming, merging, adding watermark, subtitle etc.

 

videoconverter.exe

 

 

Whether you are creating video files from Camtasia or converting existing files from another format, it will be important for you to use settings compliant with our server.  Here's what your settings should be:

     
Video  
Format .mp4
Codec h.264
Size 640x480
Rate 15 fps
Bitrate 768 kbps
Ratio Auto
 
Audio  
Codec aac
Bitrate 64 kbps
Channel Mono or 2 Channel Stereo
Sample 44100 Hz
Volume 100%
   

 

Step 2:  Upload Video

Each instructor will have their own folder on our media server.  To get yours, just email helpdesk@tvcc.edu and request it.  Once you have access to your folder, it will be in the format of \\wowza\CardinalID.  You'll be able to simply open this folder on your computer and paste your video file into it.

Step 3: Build Your Player

First, you’ll need to edit the JW-Player.html. Here is the entire file in code:

Video Player:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="https://www.tvcc.edu/jwplayer/jwplayer.js"></script>
    <script>jwplayer.key = "jweSDGJu5OFvp/aA+9HX22qD7Llh9PXJID7XuyrpMhc="</script>
</head>
<body style="margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;">
    <form id="form1" runat="server">
        <div>
            <div id='my-video'></div>
            <script type='text/javascript'>
    jwplayer('my-video').setup({
                                title:"Your Video Title Here",
                                skin: "modieus",
                                width: "720",
                                height: "405",
                                autostart: false,
                                repeat: "false",
                                showicons: "false",
                                fallback: false,
                    sources: [{
                        file: "rtmp://broadcast.tvcc.edu:1935/YOUR-CARDINAL-ID/mp4:YOUR-VIDEO-FILE-NAME"
                    }, {
                        file: "http://broadcast.tvcc.edu:1935/YOUR-CARDINAL-ID/mp4:YOUR-VIDEO-FILE-NAME/playlist.m3u8"
                    }]
                });
            </script>
        </div>
    </form>
</body>
</html>

 

Just copy the above code and paste it into Notepad. On the 24th line down, change CardinalID to your CardinalID (the part of your email before the @).  Then change your-video-file.mp4 to your video’s filename.  On the 26th line down,  repeat the process.  Then save the Notepad file to the filename your-video-file.html where your-video-file-name is the name of your video (with no spaces in the filename and without the .mp4).  This new .html file is the player for this specific video. Once you have the player file saved, follow these instructions to get them on your Blackboard page:

 

  • Log onto Blackboard and click on the courses tab..
  • Click on Content in the left navigation.
  • In the main section of the Screen, click or just hover over Build Content and choose > Item.
  • Name your Item and scroll down to Attachments.
  • Click Browse My Computer and navigate to your-video-file.html Choose viewing and tracking options and click Submit..
  • You may be asked for your-video-file.mp4. Since your video file is located on our video streaming server, you may leave this file blank and click Submit.
Your video will now display in the Content portion of your Blackboard pages.  

 

Audio Player:

For audio streams, the directions are the same except instead of using mp4, you'll be using the mp3 file designation.  Another key difference is that where you left the .mp4 off for the Video Player, you need to retain the .mp3 in the code for the audio player.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="https://www.tvcc.edu/jwplayer/jwplayer.js"></script>
    <script>jwplayer.key = "jweSDGJu5OFvp/aA+9HX22qD7Llh9PXJID7XuyrpMhc="</script>
</head>
<body style="margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;">
    <form id="form1" runat="server">
        <div>
            <div id='my-video'></div>
            <script type='text/javascript'>
    jwplayer('my-video').setup({
                                title:"Your Audio Title Here",
                                skin: "modieus",
                                width: "720",
                                height: "405",
                                autostart: false,
                                repeat: "false",
                                showicons: "false",
                                fallback: false,
                    sources: [{
                        file: "rtmp://broadcast.tvcc.edu:1935/YOUR-CARDINAL-ID/mp3:YOUR-AUDIO-FILE-NAME.MP3"
                    }, {
                        file: "http://broadcast.tvcc.edu:1935/YOUR-CARDINAL-ID/mp3:YOUR-AUDIO-FILE-NAME.MP3/playlist.m3u8"
                    }]
                });
            </script>
        </div>
    </form>
</body>
</html>


 

iPhone / iPad / iPod

To create compatibility for iPads, iPhones, and iPods, simply create a hyperlink directed at iPad users.  Use the link below, but change CardinalID to your CardinalID and your-file-name.mp4 to your video's file name.

http://broadcast.tvcc.edu/CardinalID/mp4:your-file-name.mov/playlist.m3u8