NUVision User Guide

NUVision User Guide
August 2014
Table of Contents
Introduction ................................................................................................................................ 3
Homepage .................................................................................................................... 3
Toolbar .......................................................................................................................... 4
Languages .................................................................................................................... 5
Sidebar ......................................................................................................................... 5
Playback and Embedding .......................................................................................................... 5
Copy Code .................................................................................................................... 6
Chapters – Using the chapter points feature ................................................................ 7
Inappropriate Content Reporting .................................................................................. 9
Adding Media ............................................................................................................................. 9
Clip Metadata................................................................................................................ 9
File Selection .............................................................................................................. 10
Thumbnails ................................................................................................................. 11
Associated Files.......................................................................................................... 12
User Content Management ..................................................................................................... 14
Mobile Sites – iPhone, iPod, BlackBerry and Android ............................................................. 16
iOS Upload ................................................................................................................. 16
Using the My Account Section ................................................................................................. 19
My Preferences........................................................................................................... 19
My Playlists ................................................................................................................. 20
Navigating NUVision ................................................................................................................ 21
Appendix 1: Adjusting the Embed Code (Advanced) ............................................................. 23
Embed Code Types .................................................................................................... 23
NUVision User Guide
Size of the Player........................................................................................................ 23
Quality of Video Clip Used .......................................................................................... 24
Progressive Download using the Flash Player ........................................................... 24
Further Information about JWPlayer........................................................................... 25
Appendix 2: Dealing with Encoding Failures .......................................................................... 26
Known Problems......................................................................................................... 26
If your video fails to encode: ....................................................................................... 26
Video is Too Large to Upload ..................................................................................... 26
Appendix 3 – Predefined Categories ....................................................................................... 27
Appendix 4: Useful Programs .................................................................................................. 30
VLC Media Player ....................................................................................................... 30
MediaInfo .................................................................................................................... 32
Windows Live Movie Maker ........................................................................................ 33
Subtitle Workshop....................................................................................................... 33
MAGpie ....................................................................................................................... 34
2
Introduction
NUVision provides a simple method of uploading and streaming existing video content.
The main benefits are:
 Files are held on university file store

Media files are converted to standard formats that can be played on most devices

Files are streamed from the server – they do not have to be downloaded
Once files are uploaded and converted they can be published by adding embed code
to web pages and Blackboard items.
Homepage
Login to NUVision with your standard campus username and password. Once logged on,
you will be presented with the home screen, similar to the image shown below.
The home screen is made up of the toolbar, latest media, random viewable content and
category listing.
Nuvision User Guide V3.0
3
NUVision User Guide
Toolbar
The toolbar offers a number of options:
Home button will bring you back to the main page from any point.
The Cog button appears for administrators and takes the administrator to the admin site.
If you have media to add to the service and have been granted sufficient privileges to the
system, clicking Upload will take you to the Add Media wizard.
4
My Account holds within it a number of options, those of which are discussed later in this
guide under the heading “Using the My Account Section”.
Help will offer basic guidelines to the use of the system, plus any specifics added by your
administration team.
The search box will allow you to discover items based on media title, description, tags,
contributor, chapter, playlist or keyword.
Languages
You can change the language of the Helix Media Library by clicking the drop-down box at the
top right of the page and choosing a different language.
Sidebar
The sidebar shows all categories you are able to view, as well as contributors and tags.
Selecting a category will display a list similar to the one shown below. Simply select a
thumbnail to view the content.
Playback and Embedding
At the home screen, clicking on a thumbnail (or double clicking on the Latest Media carousel)
will take you through to the media playback page. Similarly, selecting a category will bring up
the media list for that section, again click the thumbnail or title brings up the viewing page.
Nuvision User Guide V3.0
5
NUVision User Guide
1. Video playback, in either RealPlayer or Flash Player (shown)
2. Copy Code: Displays the code required to embed media into another web page.
3. Player size adjustment: Below the embed code you can select from 3 different sizes
which will alter the embed code accordingly.
4. Quality: Select high or low quality, ultra-low bit rate or HD if those versions exist,
dependant on your bandwidth. Relates to both audio and video playback.
5. Related Clips: Links to video within the same category or related metadata.
6. Resources: This displays any associated files that have been uploaded with the clip
7. Tags: Lists the metadata tags used by the current media clip
8. Chapters: This section contains any chapter points that have been created, and
allows you to create new ones.
9. Share: Share the clip (if publically available) on Facebook, Twitter, or via email
10. Playlist: Allows you to create a playlist and add a clip or chapter point to it, or an
existing playlist
Copy Code
Three types of embed code are available:


Legacy Flash – This can be used to support flash only playback
iframe and javascript – This will support playback across all devices
6

Javascript ‘Modes’ – Sometimes certain applications won’t accept the iframe embed
code, so this embed code can be used instead
To use the code within your own embed page, click anywhere in the Copy Code text-box and
press CTRL + C or right-click and select Copy. This will place the code within the clipboard.
Within the <body></body> tags of your webpage press CTRL + V or right-click and select
Paste, to place the code.
Your embed code will change to reflect the size and quality you select.
Chapters – Using the chapter points feature
To create a chapter point click on the Chapters button underneath the clip. It will expand to
show the following:
Click on Add Chapter.
Set the clip playing, and when you reach the part where the chapter point should start, click
Add Start Time. Let the clip continue playing (or seek to the point where it should finish) and
then click Add End Time.
Nuvision User Guide V3.0
7
NUVision User Guide
When the start and end time are set, give the chapter point and title and description then click
Add Chapter.
8
Points of interest can be set on a clip in the comments section. If you like a specific part of
the clip you can enter a comment along with the time of the part you like written as follows:
@00:00:35. This will create a hyperlink which when clicked will take you to the 35th second in
the clip and carry on playing it from that point.
Inappropriate Content Reporting
Selecting Flag as Inappropriate will display the below screen.
From here you may select the subject of your concern from a drop down list.
Enter a message describing your concern and the reasons you wish the media to be
removed. A system administrator, who can fulfill your request or reinstate the content, will
moderate this. You will be notified of the outcome at the administrator’s discretion.
Content flagged will be removed from view immediately.
Adding Media
Clip Metadata
Click on the Upload tab. Users with standard access rights will be shown the below screen.
Nuvision User Guide V3.0
9
NUVision User Guide
You will need to provide a title, category, description, contributor and Email address; these
are compulsory fields. Dependent on your upload rights, you will be able to select a number
of categories to upload to, in most cases it will default to the corresponding
institute/school/department you are in.
Provide an email address to be notified when your media is ready.
Tagging media uploads allows you to relate content to certain areas. For example, adding a
Module tag to a number of uploads will group that content in a relationship that can be easily
searched.
Selecting Next will bring up the file selection screen.
File Selection
Click Upload Media to choose a file to upload. Depending on the file types allowed by your
system administrator, you are able to upload:
 AVI (Indeo, Cinepak, Motion JPEG, MPEG1/2/4,DiVX, XViD)
 MPEG4 (DiVX, XViD, 3iVX)
 MOV (Sorenson, H263, H264, animation – Apple LossLess not supported)
 MPEG1 / MPEG2
 WMV (all versions - DRM not supported)
 DV / DVCPro
10
 MP3, Windows Media Audio, WAV
Selecting the file and clicking Open will start the file upload process. The file size allowed is
limited to 2GB.
Thumbnails
Once the upload has completed, you will be presented with a range of thumbnails to choose
from generated from the uploaded video.
Nuvision User Guide V3.0
11
NUVision User Guide
From here, you can select one of the predefined images, choose to upload an image of your
own (640x204 pixels), or use the default thumbnail that is assigned to the category you have
uploaded to.
To select a thumbnail just click on the image you want, and click the Next button at the
bottom right-hand corner of the screen.
When uploading an audio file, thumbnail selection changes. At this stage you can choose the
default category thumbnail, or upload your own as no thumbnails will be generated from an
audio upload.
Associated Files
This next screen will allow you attach associated documents to the media.
In a similar style to adding media, select browse and choose a file to upload. File types of
*.doc, *.docx, *.pptx, *.xls, *.pdf, *.swf, *.jpg, *.gif, *.htm, *.txt, and *.zip are allowed. You can
upload 3 associated files per clip. Give the file a title and click Upload Media, for each file
you want to upload. In addition to associated files you can add URL’s to clips. These appear
12
as hyperlinks in the associated files (resources) area for a clip which take you to the URL in
another tab or window when clicked.
There is also the option of uploading a captions file (.srt file type must be used).
When you have uploaded a file it will be listed as below. You can delete it by checking the
box and clicking Delete selected file(s).
Click the Next button further down the page to continue through to the final screen. This will
show an overview of the clip ready to be uploaded. Before clicking finish, any of the
information can be edited by clicking on the appropriate tab at the top.
Nuvision User Guide V3.0
13
NUVision User Guide
That's it! The content has been uploaded and you will soon be notified when it is ready
to view.
User Content Management
With the My Content section; media listing, search, and editing are made available.
14
Clicking on a file name will download the original file uploaded, useful if ever a local file is
lost.
Edit brings up the Media Upload Wizard shown previously, but retaining all information
added during the initial upload.
Videos can be moved between categories, titles changed, descriptions edited and associated
files replaced, deleted or added to. Quick Edit allows the ability to move multiple clips to
another category at once.
To delete a video completely from the system, tick the box next to it, and click Delete
selected media. If you want to delete any associated files, tick the box to include associated
files in delete before clicking Delete selected media. An asterisk below the check box
denotes media a user is able to delete. Clips without an asterisk cannot be deleted.
Nuvision User Guide V3.0
15
NUVision User Guide
Mobile Sites – iPhone, iPod, BlackBerry and Android
When navigating NUVision from an Apple iPhone, iPod
Touch, Android or BlackBerry, the site will render
specifically for that device.
From here selecting the play icon that appears over the
video thumbnail will play the media immediately.
The home screen offers Most Played, Latest Added and
Random video selections.
You will only be able to see a limited amount of content before you log
in with your campus username.
iOS Upload
To upload from an iOS device you must be logged onto the site with a user that has upload
permissions to at least one category, or be a site admin. To upload a clip click on the Upload
button in the bottom right-hand corner of the screen.
On the next screen, Choose a File to Upload, click on Browse.
16
You can elect to take a photo or video (video only uploads are allowed) or choose an existing
video clip. Please note that orientation will be corrected when the clip is uploaded to the
media library but any change of orientation that occurs during the clip will not be. Once you
have chosen or taken a video, click Next and fill out the information on the Media Details
page. Click Next.
Nuvision User Guide V3.0
17
NUVision User Guide
On the confirmation page click Finish to complete the upload process.
18
Using the My Account Section
You can manage your account by clicking on the My Account menu. From this section you
can change your profile picture, look at the media you have uploaded and delete it if you
wish, manage your playlists, check your stats and change your preferences.
My Preferences
You can click on My Account to open all the options up on the left hand side. In My
Preferences you can enter your details and change your preferences. Click on Change Pic
to select an avatar.
Nuvision User Guide V3.0
19
NUVision User Guide
My Playlists
Clicking on My Playlists will show any playlists that you have created.
To remove a playlist check the box and click below to delete it.
To create a new playlist, click on Playlist on the playback page for a clip, enter the title for
the new playlist and click Create.
To add the clip or chapter point currently being viewed to an existing or new playlist, just click
on the name of the playlist.
20
Viewing a playlist
To view a playlist, click on the double up arrows in the bottom right-hand corner of your
browser.
Select the playlist you wish to view by clicking on the up arrow by Current Playlist and click
on the one you want to view. The bar will show thumbnails for each of the clips you have
added, and to play one just click on the thumbnail. Alternatively, use the arrows next to
Current playlist to navigate through the clips. You can delete clips from the playlist by
clicking the red cross in the top right-hand corner of the thumbnails. Re-order clips in the
playlist by dragging and dropping them.
Navigating NUVision
When you navigate through the Helix Media Library front end portal, there is a ‘breadcrumb’
tool at the top of the page. This helps to highlight where you are, and shows categories as
hyperlinks for easier navigation of the system.
As you navigate through the media library using the Categories, Sub Categories, Contributors
and Tags links on the left hand side you will see results narrow down until you find the clip
you are looking for. When you do this, red crosses appear next to the links. Clicking a red
cross removes that from the filter and the number of results will therefore increase.
Nuvision User Guide V3.0
21
NUVision User Guide
22
Appendix 1: Adjusting the Embed Code (Advanced)
Embed Code Types
NUVision can generate three types of embed code:
-
Iframe: issued via the automated email
JAVAScript: available in the media library itself
Legacy Flash: this will only work on devices that support flash and is therefore not
recommended
Size of the Player
The sample code generated contains height and width values for the video and the player.
Iframe version
<iframe width="640" height="385"
src="https://nuvision.ncl.ac.uk/player?autostart=n&fullscreen=y&width=640&height=385
&videoId=634&quality=hi&captions=n" frameborder="0" scrolling="no"></iframe>
JavaScript Version
<div id="player615">Loading Video Player....</div><script type="text/javascript"
src="https://nuvision.ncl.ac.uk/player/getJsEmbedCode.aspx?autostart=n&fullscreen=y&
width=640&height=385&videoId=615&quality=hd&captions=n"></script>
If the playback area does not match the aspect ratio of the video, the video is resized to fit the
available area:
Inadequate height: large vertical borders
during playback
Inadequate width: horizontal borders
The playback controls of the player require approximately 25 pixels.
Nuvision User Guide V3.0
23
NUVision User Guide
Quality of Video Clip Used
You can adjust the embed code to choose the quality of video to stream. Look for the
“quality=” keywords in the embed code and change to lo/hi/hd
Iframe version (mid quality)
<iframe width="640" height="385"
src="https://nuvision.ncl.ac.uk/player?autostart=n&fullscreen=y&width=640&height=385
&videoId=634&quality=hi&captions=n" frameborder="0" scrolling="no"></iframe>
JavaScript Version (HD Quality)
<div id="player615">Loading Video Player....</div><script type="text/javascript"
src="https://nuvision.ncl.ac.uk/player/getJsEmbedCode.aspx?autostart=n&fullscreen=y&
width=640&height=385&videoId=615&quality=hd&captions=n"></script>
Progressive Download using the Flash Player
To support users on slower connections progressive download may be preferable (this option
requires flash):
1
2
<script type='text/javascript'
src='https://nuvision.ncl.ac.uk/jwplayer/jwplayer.js'></script>
3
4
<div id='mediaplayer'>Loading the player...</div>
5
6
7
<script type="text/javascript">
jwplayer("mediaplayer").setup({
8
flashplayer: "https://nuvision.ncl.ac.uk/jwplayer/player.swf",
9
width: '460',
10
height: '385',
11
wmode: 'transparent',
12
file: 'http://stream.ncl.ac.uk/flash/12345678_hi.mp4',
13
image:'https://nuvision.ncl.ac.uk/thumbnails/12345678.jpg'
14
});
</script>
24
Change the embed code to match your requirements:




Change the file name to refer to your video (line 11)
Replace the thumbnail or delete the line (line 12)
Change the dimensions of the player to suit the video (lines 8 and 9)
If you are embedding multiple videos on one page change the container reference
(lines 3 and 6)
Further Information about JWPlayer
http://www.longtailvideo.com/players/
Nuvision User Guide V3.0
25
NUVision User Guide
Appendix 2: Dealing with Encoding Failures
You will be sent a failure email message if your file fails to encode.
Known Problems
1. The encoder cannot handle videos that do not have soundtracks
2. Not all codecs are supported See Appendix 4 for details of supported codecs.
If your video fails to encode:
Try the following:
1. Check that it views successfully on your own PC
2. Check that the file contains supported codecs.
3. If you have access to any video editing software save the file to a different format and
resubmit it. (See Useful Programs)
4. If you have persistent errors contact the it.servicedesk@ncl.ac.uk with details of:
a. How the video was produced (e.g. camera, phone, screencapture, download)
b. Any software involved
c. The video name and time of failure (in the email message)
We will examine the file and advise possible actions to take.
Video is Too Large to Upload
The media library will create a version of your file which can be embedded in a page. You
will need to reduce the size/quality of the file before uploading.
If you need to distribute many high quality files please contact IT Service to find out about
alternative services: it.servicedesk@ncl.ac.uk
26
Appendix 3 – Predefined Categories
NUVision already has Video Categories defined for all academic schools. We have also
created categories on demand for Institutes and Services.
Categories that are marked as “Auto Populated” take their staff membership from centrally
held employee data. This means that new staff in eg. Biology will automatically have access
to the Biology Category.
Please contact the IT ServiceDesk (it.servicedesk@ncl.ac.uk) if you need access to specific
categories, or if you require a new shared category for you group or project.
Category
Visible To
Auto
Populated
AFRD
AFRD Staff
y
All Staff (login needed)
All Staff
y
APL
APL Staff
y
Arts and Cultures
Arts and Cultures Staff
y
Arts and Cultures (e-learning)
Manually Defined Group
n
Arts and Cultures (Recitals)
Arts and Cultures Staff
y
Biology
Biology Staff
y
Biomed Sciences
Biomed Sciences Staff
y
Careers Service
Careers Service Staff
y
CEAM
CEAM Staff
y
Chemistry
Chemistry Staff
y
Civil Eng & GeoSciences
Civil Engineering and GeoSciences
Staff
y
Clinical Deanery
Clinical Deanery Staff
y
Combined Hons
Combined Honours Staff
y
Comparative Biology Centre
Comparative Biology Centre Staff
y
CompSci
Comp Sci Staff
y
Congregations
Manual Group - used to populate
congregations archive
n
Daro
Daro Staff
y
Dental Sciences
Dental Sciences Staff
y
Nuvision User Guide V3.0
27
Guest
Access
Yes
NUVision User Guide
Category
Visible To
Auto
Populated
Digital Media Services
Manually Defined (Corporate Web
and DMS)
n
Digital Media Services Public
Manually Defined (Corporate Web
and DMS)
n
ECLS
ECLS Staff
y
EECE
EECE Staff
y
English
English Staff
y
Executive Office
Manually Defined
n
FMS Grad School
Manually Defined Group
n
Geography
GPS staff
y
Geography - Dissertation Project
Manually Defined
n
HASS Faculty Office
HASS faculty Office Staff
y
Historical Studies
Historical Studies Staff
y
ICCHS
Manually Defined Group
n
Inst. for Research on Sustainability
Research on Sustainability Staff
y
Institute for Ageing and Health
Manually Defined maintained by
IAH
n
Institute of Cellular Medicine
Inst of Celluar Medicine Staff
y
Institute of Genetic Medicine
Inst of Genetic Medicine Staff
y
Institute of Health and Society
Inst of Health and Society Staff
y
INTO
INTO staff
y
ION
ION Staff
y
Language Resource Centre
Language Resource Centre Staff
y
Law
Law Staff
y
Library
Library Staff
y
Marketing and Student Recruitment
Manually Defined Group
n
Marketing and Communications Directorate
MCD Staff
y
MAST
MAST Staff
y
Maths & Stats
Maths and Stats Staff
y
Mechanical and Systems Eng
Mech and System Eng Staff
y
28
Guest
Access
Yes
Category
Visible To
Auto
Populated
MEDEV
Manually Defined Group
n
Medical Sciences Faculty Office
Med Sciences Fac. Office Staff
y
Modern Languages
Modern Languages Staff
y
MSED
MSED staff
y
Northern Institute for Cancer Research
N. Inst. For Cancer Research Staff
y
NUBS
Business School Staff
y
NUIT
NUIT Staff
y
Politics
GPS staff
y
Psychology
Psychology Staff
y
QUILT
QuILT Staff
y
QuILT (Public)
QuILT Staff
y
SDU
Manually Defined Group
n
Sociology
GPS staff
y
Student & Academic Services
Student and Academic Services
Staff
y
Nuvision User Guide V3.0
29
Guest
Access
Yes
NUVision User Guide
Appendix 4: Useful Programs
The following pieces of software may be helpful – your computing officer will need to install
some of these if you do not have administrative rights to your PC.
VLC Media Player
VLC Media Player (installed on many campus PCs)
It can be used to query the codecs in use:



Click on Tools
Click Media Information
Select the Codecs tab
30
VLC can also convert files:


Click on Media menu
Select Convert/Save
Nuvision User Guide V3.0
31
NUVision User Guide
MediaInfo
Provides an easy way of querying the composition of media files:
http://mediainfo.sourceforge.net/en
32
Windows Live Movie Maker
http://windows.microsoft.com/en-gb/windows7/products/features/movie-maker
Windows Live Movie Editor is a free video editing program. The most recent version saves
files in .mp4 format.
Subtitle Workshop
http://www.urusoft.net/
Subtitle Workshop can be used to create subtitle files for exisitng mediafiles.
Nuvision User Guide V3.0
33
NUVision User Guide
MAGpie
Magpie can also create subtitle files. It is a free download from the National Center for
Accessible Media (US)
http://ncam.wgbh.org/invent_build/web_multimedia/tools-guidelines/magpie
WebAim have written a short tutorial at:
http://webaim.org/techniques/captions/magpie/version2/
Credits
Adapted from Helix Media Library User Guide published by Streaming Ltd
http://www.helixmedialibrary.info/
This version V3 29/08/2014
34
Download PDF