Giter VIP home page Giter VIP logo

xblock-officevideo's Introduction

OfficeVideo XBlock

The “OfficeVideo XBlock” allows course content authors to embed videos stored in Microsoft Office 365 Video to the course.

Students can view these videos in their Open edX or edX.org courses.

Code of Conduct

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

Installation

To install the OfficeVideo XBlock within your edX Python environment, run the following command:

$ pip install /path/to/xblock-officevideo/

Ensure that you have added the following to /edx/app/edxapp/edx-platform/cms/envs/common.py

  • ALLOW_ALL_ADVANCED_COMPONENTS: True

Also ensure that you have restarted edX services after these steps.

Enabling in Studio

To enable the OfficeVideo XBlock within studio:

  1. Navigate to Settings -> Advanced Settings from the top nav bar.
  2. Add "officevideo" to the Advanced Module List, as shown in the screen shot below.

Advanced Module List

Usage

Once enabled in Studio, it's easy to use the OfficeVideo XBlock.

Start by navigating to the unit in studio where you want to insert your video. From here choose the Advanced component.

Studio Component List

This will bring up a list of the XBlocks that have been enabled in Studio. If you followed the previous step to enable the OfficeVideo XBlock in Studio you will see an option titled Office Video. Click on it to insert the Office Video XBlock into your unit.

Studio Advanced Component Selection

After you've inserted the OfficeVideo XBlock, a default video will be inserted into your unit as shown in the screen shot below.

Studio Initial OfficeVideo XBlock Insertion

To change the video added to the course using the OfficeVideo XBlock, click on the Edit button on the upper-right corner of the XBlock. This will bring up the edit dialog where you can change the display name of the component as well as the video that is being inserted and how you want it to be embedded.

Edit inserted document

In this dialog, you can

  • Update the XBlock title.
  • Enter the URL or embed code for the video from its original location (in OfficeVideo)
    • Note that the video must be accessible to the intended audience.
    • Also, note that you do not need to obtain an embed code for the video yourself. The OfficeVideo XBlock can build it automatically at runtime from the URL for the video. (It will appear as just a link to the video in the Studio, but when students view it in the LMS after logging in using their Office 365 credentials, the link will be replaced by an embedded video.)

After you click save, your OfficeVideo XBlock will have been updated with the new values.

If you entered the embed code for the video: Updated studio view

If you had entered the URL to the video: Updated studio view

At this point simply click on the Publish button and the video will be available for students to view it from the LMS.

Published Office Video XBlock in LMS

Troubleshooting

In case the XBlock fails to appear in the Advanced menu or other errors, you may check the following:

  • Run sudo -u edxapp /edx/bin/pip.edxapp list, to verify that "xblock-officevideo" is installed
  • Verify that "XBLOCK_SELECT_FUNCTION = prefer_xmodules" is present in the following config files:
    • /edx/app/edxapp/edx-platform/lms/envs/common.py
    • /edx/app/edxapp/edx-platform/cms/envs/common.py
  • Ensure that you have restarted edX services after installing the XBlock

xblock-officevideo's People

Contributors

chenriksson avatar pramate avatar sushantgawali avatar vinhub avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.