Create Course with video lesson. Course Coverage What covered in this course? Video lesson creation – Using external site embed iframe tag – Using third.

Slides:



Advertisements
Similar presentations
Learning the Basics – Lesson 1
Advertisements

Embedding Multimedia Bronze Level – Optional. Contents Embedding from YouTube Uploading to the Media Server Embedding from the Media Server Copyright.
Collier County Public Schools Video-On-Demand and School News
NEXT. Create Pages in Blogger Another top user-requested feature has just graduated from Blogger In Draft! Blogger now makes it easy to create Pages linked.
Creating and Editing a Web Page Using Inline Styles
Fireworks MX. 2 Lesson 1a—Create Slices & Hotspots n Fireworks allows you to add animation (behaviors) already written in ___________. n However, users.
Wikispace Mini Lessons Editing/Adding to an existing page Uploading Images/File into wikipage Creating links to the web.
What’s New in D2L 9.1 Suzanne Baril. Overview What are the new features What has been changed or fixed What has been removed Questions?
Using KompoZer -- a web editor A collection of video tutorials
Different Streaming Technologies. Three major streaming technologies include:
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
HTML & Dreamweaver 101 Aman Yadav. Definitions HTTP – The Web uses a protocol called HTTP (Hyper Text Transport Protocol) to communicate between the Web.
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
USING TECHNOLOGY TO TEACH: VIDEO CAPTURE, EDITING, AND UPLOADING GAIL BETTS JULY 30, 2014.
Creating a Web Page HTML, FrontPage, Word, Composer.
Teaching With the Tubes How to use YouTube and TeacherTube videos to supplement instruction Presented by Farmington Technology Department.
WEBSITE DESIGN COURSE SESSION 1. WORDPRESS WORDPRESS.COM ONLINE FREE SOFTWARE FREE HOSTING BUT WITH A TAG IN IT VERY SIMPLE TO MAKE WORDPRESS.ORG OFFLINE.
Creating Your Own Website
 iSpring is a PowerPoint to Flash Converter  Click here to Download iSpring – free Click here to Download iSpring  iSpring works with SlideBoom  SlideBoom.
 In My.Wartburg you can add…  YouTube Videos  Films on Demand (Vogel Lib.)  Internet Pages With a Video  Anything with a URL (
LATTICE TECHNOLOGY, INC. For Version 2.0 and later iXVL Publisher Tutorial For Version 2.0 and later.
LATTICE TECHNOLOGY, INC. For Version 3.0 and later iXVL Publisher Tutorial For Version 3.0 and later.
Prezi in the Classroom. Why Prezi?  PREZI allows you to create unbelievably dynamic presentations, where you can zoom in and out across a large poster,
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Presented By David Speight.  Easy Student Accessibility  Familiar Navigation  Fits Inside the Box  Works Outside the Box  Allows Creativity without.
Working with Elluminate Plan! ©2010 eTeacher LTD..
Wikispaces: A shared webspace. What is a wiki? A wiki is a shared website where members can add/share content for others Simply a wiki is a community.
A Basic Guide to Using Wikispaces Jeff Rew TEDU 673.
FILES AND ASSETS PANELS
Creating Buttons – Lesson 51 Creating Buttons Lesson 5.
Foxbright – Smarter Education Websiteswww.foxbright.com Foxbright Training Foxbright Teacher Pages
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
***Adding items to your Etudes Homepage*** Log into Etudes
Videos. Adding Videos to a Web Page Videos can make our pages more interesting and engaging. Most video-hosting services, such as YouTube, will provide.
Creating Interactive Polls With Video Clip Current as of
Moodle media centre January Outline Using the Media Server Uploading Clips Embedding into Moodle YouTube.
Videos, the More Tag, Permalinks, and Shortlinks.
line.net/ okpop.com/bar elythereflashin dex.html.
By: Gia Vuong Riyad Mahmud Narsimha Kalthy.  What is Mahara?  Logging into the ACS Portfolio  Using Mahara to Manage: ◦ Files ◦ Blogs ◦ External Feeds.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
January 2006Colby College ITS Setting Up Course Pages.
Learning to use the Interactive Online Classroom Classroom Activities.
XP Tutorial 8 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Object Linking and Embedding Tutorial 8.
Landscaper 101. Time Code AMC AMCNET HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation.
Creating and Editing a Web Page
Creating Web Pages with Links, Images, and Embedded Style Sheets
Messin’ with Moodle Topics: Changing appearance of front page. Uploading users. Setting roles/permissions. Link with Google Calendar & embed other sites.
TITLE ClubRunner for Webmasters & Editors Home Page Stories, Site Pages Events and Speakers Communications and eBulletins.
Embedding Videos and Slideshows. (Click on any question you have to go directly to the answer, while in presentation mode)
How do I download or save a YouTube video to my computer? Khairunnazmi Bin Khairudin (B01SKS13F010) Ahmad Zaidi Bin Abdul Manan (B01SKS13F017)
Instructional Design Center Embedding Google Documents in Blackboard.
XP Creating Web Pages with Microsoft Office
 Open the course to add an online class  Click on Add a Page (left side)  Type in a name  Click on Create  Click on the Content Tab  Click on Add.
How To Upload YouTube Video?. Copy The Video From Your Camera To Your Computer Before you upload the video to YouTube, make any edits that.
Weebly Elements, Continued
Using Panopto to Record Presentations
8 Steps to Facebook Ad Creating & Conversion Tracking Set-up
Dreamweaver MX Lesson 14: Using Find and Replace.
ΑΓΓ66 Creating a wiki Contact Session 3
Videos.
Learning the Basics – Lesson 1
Adding a File to a Course
Web Page Design ICT Ms. McGrew.
Module 6: Creating Web Pages and Working with Channels
Introduction to Google Maps
Exercise 8 – Software skills
Course: Design & Technology
Consult America Technology Consulting Services
Videos.
Internet TV+ Now, You can watch internet media contents via URL
Presentation transcript:

Create Course with video lesson

Course Coverage What covered in this course? Video lesson creation – Using external site embed iframe tag – Using third party hosted streaming videos – Using video upload on Edubrite – Using youtube video links – Using Vimeo video links

Create Course Access Create course menu option under Courses menu Course Editor – Enter Unique Course code, Course Name, Description and Save. Leaver all other properties as defaulted. Access Create course menu option under Courses menu Course Editor – Enter Unique Course code, Course Name, Description and Save. Leaver all other properties as defaulted.

Add a module/Lesson Create a lesson – right click on module Name Select ‘Add Lesson’ option Create a lesson – right click on module Name Select ‘Add Lesson’ option

Select lesson type For adding a external content like embed tags or iframe select lesson type – Online Editor Click start

Add embed tag Copy the embed tag from the external site Online Editor window – Click source button and paste the code. Save Copy the embed tag from the external site Online Editor window – Click source button and paste the code. Save

Change Lesson property Go to lesson Properties Enable option – ‘External Html content’ Save Go to lesson Properties Enable option – ‘External Html content’ Save Select external html option

Preview Course Preview the Course using Editor preview button. Course Launches – Video lesson will start, User can go back by using ‘Close and Continue’ button. Preview the Course using Editor preview button. Course Launches – Video lesson will start, User can go back by using ‘Close and Continue’ button.

Embed url http/https When External content site supports https : From embed url link remove http: or https: from the beginning, use the url like – “// When External content site doesn’t support https : Embed url link “ some browsers may not load the embedded content and you will get a Mixed Content warning. make necessary setting change in the browser. (Instruct Learner’s about this) When External content site supports https : From embed url link remove http: or https: from the beginning, use the url like – “// When External content site doesn’t support https : Embed url link “ some browsers may not load the embedded content and you will get a Mixed Content warning. make necessary setting change in the browser. (Instruct Learner’s about this)

Lesson 2 You can put your streaming media (FLV or MP4) on amazon Cloudfront and create lessons by pointing video urls to amazon's hosted URL. Enter amazon cloudfront url of the media file, which is generally of this format (the bolded part represents your cloudfront domain) rtmp://s29n3szeqh56lh.cloudfront.net/cfx/st/mp4:avDemos/V15- TestEditor.mp4 (for mp4 files, you will have to prefix the file path in your S3 bucket with mp4:) rtmp://s29n3szeqh56lh.cloudfront.net/cfx/st/avDemos/Demo1.flv This process is common to other third party Video Streaming providers (such as Dyyno, Onstream) as well as long as they provide RTMP streaming. You can put your streaming media (FLV or MP4) on amazon Cloudfront and create lessons by pointing video urls to amazon's hosted URL. Enter amazon cloudfront url of the media file, which is generally of this format (the bolded part represents your cloudfront domain) rtmp://s29n3szeqh56lh.cloudfront.net/cfx/st/mp4:avDemos/V15- TestEditor.mp4 (for mp4 files, you will have to prefix the file path in your S3 bucket with mp4:) rtmp://s29n3szeqh56lh.cloudfront.net/cfx/st/avDemos/Demo1.flv This process is common to other third party Video Streaming providers (such as Dyyno, Onstream) as well as long as they provide RTMP streaming.

Add lesson 2 Create lesson in course editor using lesson type – “Upload documents and optional videos” Click start

Place Urls of external media file In Video/Audio tab – Option 2 “ Link to a file hosted on external media server” – Place third party url of media file. For playing this lesson in ipad enter HLS url for m3u8 file in second box. save In Video/Audio tab – Option 2 “ Link to a file hosted on external media server” – Place third party url of media file. For playing this lesson in ipad enter HLS url for m3u8 file in second box. save rtmp url For playing in ipad HLS url for m3u8 file

Preview Click Show button to preview Video. Lesson 2 is ready now Click Show button to preview Video. Lesson 2 is ready now

Lesson 3 Upload a video on Edubrite, Supported format FLV and MP4. You can also upload WMV and MOV, edubrite converts them to mp4. For ipad videos are delivered using Http Live Streaming (HLS) method, using m3u8 file. Edubrite provided an option to re encode videos in edubrite’s recommended video settings. Upload a video on Edubrite, Supported format FLV and MP4. You can also upload WMV and MOV, edubrite converts them to mp4. For ipad videos are delivered using Http Live Streaming (HLS) method, using m3u8 file. Edubrite provided an option to re encode videos in edubrite’s recommended video settings.

Add Lesson 3 Create lesson in course editor using lesson type – “Upload Video” Click start

Upload video file Drag-Drop video file - Drag video file from explorer to Video/Audio tab area, If area color changes to yellow that means you can drop the file.

File upload complete File upload completed

Video ready for preview You can preview video once re encoding is done ( check the message – ready to view) Same way lesson can be played on ipad once video converted for ipad. Reencode option is provided to convert to reencode video in recommended settings. You can preview video once re encoding is done ( check the message – ready to view) Same way lesson can be played on ipad once video converted for ipad. Reencode option is provided to convert to reencode video in recommended settings.

Lesson 4 – using youtube video url Add a new lesson Select lesson type as “youtube video” Add a new lesson Select lesson type as “youtube video” Click start

Place youtube url Place youtube video url in the URL edit box. Click Show to check the video. Save – Lesson is ready Place youtube video url in the URL edit box. Click Show to check the video. Save – Lesson is ready

Lesson 5 – using URL of the video from Vimeo Add a new lesson Select lesson type as “vimeo video link” Add a new lesson Select lesson type as “vimeo video link” Click start

Place vimeo video url Place vimeo video url in the URL edit box. Click Show to check video link working. Save – Lesson is ready Place vimeo video url in the URL edit box. Click Show to check video link working. Save – Lesson is ready

Knowledgebase reference links EditingContent EditingContent EditingContent EditingContent