Giter VIP home page Giter VIP logo

videojsxblock-pro's Introduction

videojsXBlock-Pro

Video.js 4.12.11

This XBlock provides the Video.js player (www.videojs.com) instead of the default one.

Thanks MarCnu( https://github.com/MarCnu/videojsXBlock ). I'm deeply appreciate his help.

Features:

1.Keep track of users activities in edX-platform tracking log
2.Enable the caption to display and you can upload it or directly link to the external source
3.True full screen allowed
4.More video speeds available : | 0.75 | 1 | 1.25 | 1.5 | 1.75 | 2 | by default
5.(Optional) Source document download button, for example to provide your PPT or PDF file

Pre-requirements:

  1. EdX platform installed;
  2. Skilful in operating system of Linux.

Installations:

1. Make sure you have the following items in your config file - cms.env.json

"ALLOW_ALL_ADVANCED_COMPONENTS": True

If it does not exist, insert it into the "FEATURES".

2. Execute the commands

  • Switch to user "edxapp"

sudo -H -u edxapp bash

  • Change directory to "edxapp" home

cd ~

  • Loading the virtual environment of edxapp

source edxapp_env

  • Clone the XBlock to certain directory

git clone [email protected]:longmen21/VideoJSXBlock-Pro.git

  • Install

pip install -e ./VideoJSXBlock-Pro

  • Back to the user "edustack"

exit

3. Restart the CMS platform

source /edx/bin/supervisorctl restart edxapp:

4. courses settings

Go to Settings -> Advanced Settings and set advanced_modules to ["videojs"].

Suggestions:

Keep the user "edxapp" clear of the privilege "sudo", you ought to switch the current user to "edustack" if you need the superior authority.

videojsxblock-pro's People

Contributors

ahmer09 avatar longmen21 avatar

Watchers

 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.