Video Note


Video Note enables users to create video recordings from a webcam and insert them via the HTML Editor's "Insert Stuff" option. The ability to record video also shows up anywhere video attachments are supported.

Video Note 2.0 has removed dependencies on Flash® technology and now uses HTML5. It reverts to Flash technology when it detects a legacy browser without HTML5 support. Video Note 2.0 is automatically available in Brightspace Learning Environment starting with version 10.6.3*

Accessing Video Note via the HTML Editor

Access the HTML Editor - for instance, an instructor can use "Create a File" when in the Content area. Below is an illustration of a "Week 8" module with a new file about to be created.

BSLE CD screen shot - selecting "Create a file" from the Content area


After the HTML Editor is available place the cursor where the video is to be located and select the "Insert Stuff" - Insert Stuff icon from the HTML Editor - icon.

BSLE CD screen shot - selecting the "Insert Stuff" icon when in the HTML Editor


Select "Video Note" from the left navigation/selection bar of the "Insert Stuff" dialogue box.

BSLE CD screen shot - select the Video Note icon on the left navigation/selection bar

back to top

Dependent on operating system and browser choice, Video Note 2.0 will attempt to connect with a camera via the browser. If no camera is detected, users may see a warning similar to that displayed below.

BSLE CD screen shot - select allow button to give Flash access to your webcam


Dependent upon browser and operating system, the system may query the user regarding browser media settings as below.


BSLE screenshot - browser query regarding media


 Legacy browsers will typically utilize Flash technology.

After the webcam image appears, select the "New Recording" button and recording of the video will commence. Up to 3 minutes of recording time is available.

BSLE CD screen shot - select the "New Recording" button to begin recording

back to top

To stop the recording select the "Stop Recording" button.

BSLE CD screen shot - select the stop button


After a recording is stopped, select the "Next" button.

BSLE CD screen shot - select "Next" button after stopping the recording


Give the video a description and, if necessary, a title.

BSLE CD screen shot - enter a description to move forward in the process


Select "Next" (lower left) to move ahead in the process.

BSLE CD screen shot - select "Next" to move ahead in the process


Select "Refresh Preview" if user wishes to preview the video - or just select "Insert" button (lower left).

BSLE CD screen shot - select "Refresh Preview" if user wishes to preview the video - or just select "Insert"


Selecting "Refresh Preview" button will cause video to display for review - choose to review the video by selecting the play arrow. Use "Insert" to place the video into the HTML file, or step back through the process by selecting the "Back" button.

BSLE CD screen shot - selecting "Refresh Preview" button will cause video to display for review - choose to "Insert" or move "Back"

back to top

After selcting the "Insert" button the video is inserted into the HTML document where the cursor is located. Instructor can then elect to "Publish" the document in the content area for user access or leave the document as draft.

BSLE CD screenshot - after "Insert" is selected the video displays in the HTML document


The video will be accessible via the HTML document located inside the Content module and will play inside of D2L.

back to top

Video Attachments

Video attachments appear in different areas of the interface. For instance, instructors leaving feedback in the Assignments area are presented with an option to record a video (as illustrated directly below). Select the "Record" drop menu - then select the "Record Video" button.

BSLE CD screen shot - selcting the "Record" button drop menu


Selecting the "Record Video" button spawns a dialogue box that allows the recording of a video. Steps to record a video are similar to those described previously.

Note: The HTML Editor is accessible throughout the Learning Environment so it is possible to use "Insert Stuff" to record and post videos anywhere there is an opportunity to use the HTML Editor in D2L. Both faculty and student participants have this ability.

Different Looks

Because Video Note 2.0 uses HTML5 - legacy browsers will still utilize Flash technology when Video Note is used.

Select to "Allow" Flash to access your webcam (if necessary) - it might take a few seconds for it to engage properly - then you'll see the image from the webcam in the window and the "Record" button will become active.

BSLE screen shot - if a legacy browser is used Flash will typically need allowed.


back to browser media query area of tutorial



Coupled with Video Note 2.0 upgrade is Audio Note 2.0. Audio Note 2.0 replaces Audio Recorder in Brightspace Learning Environment. Audio Note 2.0 creates .mp3 files instead of .WAV files and Flash technology is no longer required for audio recording. Audio Note 2.0 is available automatically in Brightspace Learning Environment starting with version 10.6.3. 

back to top

NOTE: What dialogue box windows look like and how dialogue box windows and browsers interact is dependent upon the operating system and browser being used. The screenshots in this tutorial will most likely differ somewhat from the screen that the user is viewing when performing the actions described in this tutorial.