NUVision Media Library and Upload Service

Transcription

1 NUVision Media Library and Upload Service NUVision provides an easy method of streaming your media files within the VLE and from web sites. The system converts files that you upload, converting them to MP4 files that are of a suitable size and format to stream over the web. It also generates embed code that you can use to publish files in web pages. NUVision can only be used by University staff. NUVision Overview... 2 Uploading Media... 4 Publishing Videos... 9 Working with the Media Library Appendix 1: Adjusting the Embed Code (Advanced) Appendix 2: Dealing with Encoding Failures Appendix 3: Useful Programs Appendix 4: Permitted File Types and their Codecs Appendix 5 Predefined Categories NUVision User Guide V2.6 1 July 2013

2 NUVision Overview 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 made accessible to users by adding embed code to web pages and Blackboard items. The content is viewed in an embedded player. Uploaded files are placed into categories in an associated Media Library. Staff can view and search for content in their own categories. A wide variety of file types can be uploaded (Appendix 4), once uploaded they are converted into mp4 files. Up to 3 different qualities of mp4s are created to handle playback on mobile, standard playback and high definition. At present the system cannot handle videos that have been created without a soundtrack. Students only have access to a small number of Public categories. NUVision User Guide V2.6 2 July 2013

3 Accessing NUVision All Staff are automatically registered to use NUVision. When you log in you will have access to an All Staff video category along with any categories created for your school/service or institute. Please contact if you require access to a specific NUVision video category, or if you require a new shared video category for a specific project. A list of current NUVision categories is provided in Appendix 5 The Media Library and Upload Sites The NUVision Media Library is published at The Media Library pages and upload areas have a different address, but it is easy to move between them using the menu links. From the Upload Site click From the Library click Media Library Upload Site NUVision User Guide V2.6 3 July 2013

4 Uploading Media Login to NUVision Enter your campus-id and password Click Upload File Details The Title and description will help with searches. On the Details page enter basic information about your media file: Tags can also be added to support searching NUVision User Guide V2.6 4 July 2013

5 Notes: Text entered in the Description field is shown on the media library. Videos added to Blackboard via the Mashup will include this text. You will only be able to add media to categories to which you have access (normally your school/institute/service) The address that you enter will be used to notify you when the video has been encoded. The description and tags are used in media searches. If the clip supports a particular module code we would recommend adding this as a Tag Click Next Choose File On the File pane click Browse to select a file to upload Wait for the file to upload then click Next Note: the file needs to be less than 1000 MB NUVision User Guide V2.6 5 July 2013

6 Thumbnails Select the thumbnail that you would like to associate with the media and click Next NUVision User Guide V2.6 6 July 2013

7 Adding Associated Files (optional) On the Assoc files step you can add Captions and associated files. (Associated files can only be viewed easily from the Media Library and therefore have limited relevance.) Caption Formats The media library accepts captions files with the following formats:.smi (SAMI captioning).rt (RealTime).srt (SubRip),.txt.sub (subviewer).xml Click Next Confirm On the Confirm Pane you will see a summary of the settings for your video: NUVision User Guide V2.6 7 July 2013

8 Click Finish to process the video. You ll then be shown a list of your content with the video you have just added at the top of the list. You ll notice that it will be shown as Encoded = No Once encoding is complete a confirmation is sent to the address supplied during the upload. If there is limited load on the server the encoding may take approximately one hour. However, at busy times please allow up to 24 hours. If you receive a failure message please see Appendix 2. Please ensure that you keep a copy of your uploaded file. We will keep and backup the MP4 files generated as part of the conversion, but will not retain a copy of your original file. NUVision User Guide V2.6 8 July 2013

9 File Quality The encoding process creates up to 3 versions of uploaded videos. Low (300Kbps resized to 320 pixels wide) The Low quality version is best suited to mobile phones and is used on the mobile version of High (800kbps resized to 640 pixels wide ) The High quality version is the default version used in notifications. HD (1.5 MBps resized to 1280 wide) The HD version is only created if the source video file is of HD quality. Publishing Videos Once your media file is encoded you will be sent an giving you three different versions of embed code. The text will be similar to the text below: Thank you for uploading your video [Example Video] to NUVision. It has been encoded and can also be viewed by users with access to "ISS" in the media library To Publish Your video outside the library: Blackboard ========== Use the NUVision Mashup: - From "Build Content" click "NUVision" - Enter search terms for your video (e.g. from the name, description or tags) - Click "Select" to insert the video. You can also use the embed code below to include videos. - From "Build Content" click to "Create - item" - switch Blackboard editor to "HTML Source mode" - add a line of text (or a fullstop) - position the cursor after this - paste the iframe text NUVision User Guide V2.6 9 July 2013

10 Newcastle Blogs Service ======================= You can embed the video on blogs.ncl.ac.uk with the following shortcode: [video mp4= EmbedCode ========= For (640 x 385) widescreen, copy and embed the following: <iframe width="650" height="395" src=" d=1124&quality=hi&captions=y&chapterid=0" frameborder="0" scrolling="no"></iframe> You can obtain other variants of embed code from the Media Library. Download Link ============= The download link for your video is For further information and FAQs please visit Each embed code option uses the middle (high) quality video file, the only difference is the size of the player that will be generated. The three sizes are: (320 x 260) standard aspect ratio (640 x 385) widescreen aspect ratio (835 x 505) widescreen If you wish, you can adjust the embed code to suit your requirements. (See Appendix 1). You can also copy the embed code from the media library itself (see: Working with the Media Library) NUVision User Guide V July 2013

11 Adding Videos to Blackboard The simplest way to include videos from NUVision is to use the NUVision Mashup in Blackboard. NUVision Mashup Click on Build Content Under Mashups click on NUVision Enter key words to identify your video then click search From the list of thumbnails click Select to insert the video you wish. Note: the search will look for videos across the media library Using Embed code in Blackboard If you prefer, you can insert the item using the embed code: Copy the embed code from the or Library ( starting with < and ending with />) In your Blackboard course create an item by clicking on Build Content then Item NUVision User Guide V July 2013

12 Switch the editor to HTML Source Mode Paste in the embed code Click Submit The video will now be embedded in your content area. We are aware of a problem using the iframe embed code in Blackboard. To work around this when adding a video item: Or switch Blackboard editor to "HTML Source mode" add a line of text (or a fullstop) position the cursor after this paste the iframe text Copy the JavaScript code from the media library NUVision User Guide V July 2013

13 Adding NUVision Content to blogs.ncl.ac.uk In the notification you will be given a download link for your video. Download Link ============= The download link for your video is Use this link in a simple shortcode to insert the video into your blog post: e.g [video mp4= Once published this will be shown on your blog like this: NUVision User Guide V July 2013

14 PowerPoint 2010 The following instructions will embed the video in your Powerpoint. You will require a web connection to play it. Sign into the media library and locate your video Copy the Legacy flash Embed code to the clipboard In PowerPoint on the Insert Ribbon click the dropdown under Video Select Video from Web site Paste in the embed code and click Insert You can also insert a link to the video use the download link provided in the . Mobile Devices The standard embed code generated by NUVision will play on most mobile devices. We do not recommend the use of the legacy flash embed code as this will not play on iphones and ipads. NUVision User Guide V July 2013

15 Managing your Uploaded Files From the NUVision Media Library Click My Account then Click My Content Use the Edit link to change the Title, description and category Delete individual files by placing a tick in the checkbox and clicking the Delete Selected Media link. If you delete any files you will also need to remember to delete any references to these files in web pages and courses. The embed code for your media files are available within the Media Library itself. Use the Back to Library tab (see below) NUVision User Guide V July 2013

16 Working with the Media Library When you log into the media library ( you will be able to able to view videos in those categories relating to your school or institute. Select your category on the left hand side of the screen Click a video thumbnail from the list offered You will be able to view the video and copy the embed code. The embed code changes depending on the size and quality selected: Guest access to the Media Library We have a small number of categories on NUVision that can be viewed without logging in (e.g. Congregations). These have been defined as public categories which all guests can view. Students will not be given access to additional Media Library content via their logon. To publish content please embed the media into web pages or Blackboard/VLE. Please contact [email protected] if you wish to have a public video category for your school or institute. NUVision User Guide V July 2013

17 Captions and Associated Files If captions are uploaded with video files they will be automatically be shown when the video is played. Captions can be turned off by clicking on the CC button. Captions can be turned off by clicking the CC flag during playback Any files that you load as associated files will be available to view alongside the video when users view files in the Media Library. Associated files are only be available to users who have direct access to the video through the media library. NUVision User Guide V July 2013

18 Appendix 1: Adjusting the Embed Code (Advanced) Embed Code Types NUVision can generate three types of embed code: - Iframe: issued via the automated - 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=" d=634&quality=hi&captions=n" frameborder="0" scrolling="no"></iframe> JavaScript Version <div id="player615">loading Video Player...</div><script type="text/javascript" src=" 40&height=385&videoId=615&quality=hd&captions=n"></script> NUVision User Guide V July 2013

19 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. 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=" d=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=" 40&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): <script type='text/javascript' src=' <div id='mediaplayer'>loading the player...</div> <script type="text/javascript"> jwplayer("mediaplayer").setup({ flashplayer: " width: '460', height: '385', wmode: 'transparent', NUVision User Guide V July 2013

20 file: ' image:' }); </script> 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 NUVision User Guide V July 2013

21 Appendix 2: Dealing with Encoding Failures You will be sent a failure 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 [email protected] 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 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: [email protected] NUVision User Guide V July 2013

22 Appendix 3: 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 NUVision User Guide V July 2013

23 VLC can also convert files: Click on Media menu Select Convert/Save NUVision User Guide V July 2013

24 MediaInfo Provides an easy way of querying the composition of media files: Windows Live Movie Maker Windows Live Movie Editor is a free video editing program that saves files in.wmv format. NUVision User Guide V July 2013

25 Subtitle Workshop Subtitle Workshop can be used to create subtitle files for exisitng mediafiles. MAGpie Magpie can also create subtitle files. It is a free download from the National Center for Accessible Media (US) WebAim have written a short tutorial at: NUVision User Guide V July 2013

26 Appendix 4: Permitted File Types and their Codecs Video AVI DiVX (3.11, 5, 6+) MP4 Indeo Codecs Intel Indeo / itu MS MP4 XViD Techsmith Screen VP6 X264 MJPEG DiVX XViD 3ViX H.264 MPEG 4 Part 2.MOV H.263 H.264 MPEG 4 Part 2 Sorenson (including Animation) Apple LossLess audio is unsupported in all of the above.flv VP6 H.264 DV DV PAL/NTSC DVCPro PAL/NTSC MPEG MPEG 1 MPEG 2 WMV Windows Media v7+ Windows Media Screen Windows Media Uncompressed Windows Media Audio v7+ NUVision User Guide V July 2013

27 *Windows Media with DRM is unsupported Audio WAV MP3 WMA NUVision User Guide V July 2013

28 Appendix 5 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 ([email protected]) 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 Yes Daro Daro Staff y Dental Sciences Dental Sciences Staff y Digital Media Services Manually Defined (Corporate Web and DMS) Digital Media Services Public Manually Defined (Corporate Web and DMS) n Yes ECLS ECLS Staff y EECE EECE Staff y English English Staff y Executive Office Manually Defined n n Visible Externally NUVision User Guide V July 2013

29 Category Visible To Auto Populated 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 Manually Defined maintained Institute for Ageing and Health 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 ISS ISS 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 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 N. Inst. For Cancer Research Northern Institute for Cancer Research Staff y NUBS Business School Staff y Politics GPS staff y Psychology Psychology Staff y QUILT QuILT Staff y QuILT (Public) QuILT Staff y Yes SDU Manually Defined Group n Sociology GPS staff y Student & Academic Services Student and Academic Services Staff y Guest Access NUVision User Guide V July 2013