Code Monkey home page Code Monkey logo

softwareag / cumulocity-video-widget-plugin Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 1.0 339 KB

Plays streaming videos from sources such as HLS streams, on-demand videos (such as MP4, MKV, MOV) from URL and embedded YouTube, Vimeo, etc. videos. Please note that links must be HTTPS and Cross-Origin access enabled. This has been developed by Software AG Global Presales team.

License: Apache License 2.0

TypeScript 73.85% JavaScript 3.08% HTML 22.84% CSS 0.23%
widget cumulocity-iot cumulocity-widget global-presales iot-analytics runtime video video-widget plugin cumulocity-widget-plugin

cumulocity-video-widget-plugin's Introduction

Video Widget for Cumulocity

This Video widget is the Cumulocity module federation plugin created using c8ycli. This plugin can be used in Application Builder or Cockpit. The Video widget help you to Plays streaming videos from sources such as HLS streams, on-demand videos (such as MP4, MKV, MOV) from URL and embedded YouTube, Vimeo, etc. videos. In addition, on-demand videos can be synchronized with device measurements representing video timestamp in seconds. Please note that links must be HTTPS and have Cross-Origin access enabled.

Preview

Please choose Video Widget release based on Cumulocity/Application builder version:

APPLICATION BUILDER   CUMULOCITY    VIDEO WIDGET 
2.x.x >= 1016.x.x 1.x.x

QuickStart

This guide will teach you how to add widget in your existing or new dashboard.

  1. Open you application from App Switcher

  2. Add new dashboard or navigate to existing dashboard

  3. Click Add Widget

  4. Search for Video Widget

  5. Select Target Assets or Devices

  6. Click Save

Congratulations! Video Widget is configured.

Configuration - to add the widget on dashboard

  1. Make sure you have successfully installed the widget.
  2. Click on Add widget.
  3. Choose Video widget.
  4. Title is the title of widget. Provide a relevant name. You may choose to hide this. Go to Appearance tab and choose Hidden under Widget header style.
  5. Target assets or devices is to select the device. Only select device if you need to synchronize video timestamp with device measurements.
  6. Upload playlist is to upload a playlist file. Only .m3u playlist file is supported.
  7. Source type is whether the video is streamed, on-demand or embedded.
  8. Title is a name for the video to appear in playlist.
  9. URL is the url of the video.
  10. Delete icon is to delete a source from the list. Only visible when there more than one source.
  11. Add source is to add a new source to the list.
  12. Playlist & buttons position allows to hide the playlist and buttons or show it on top or bottom of the video.
  13. Autoplay is whether video should start playing automatically after page load.
  14. Default source is the video that will be played by default on page load.
  15. Loop is whether the video needs to be replayed. It is only applicable if the default source is of type on-demand.
  16. Measurement is the device measurements coming in seconds to which video timestamp needs to be synchornized. It is only applicable if the default source is of type on-demand.
  17. Click Save to add the widget on the dashboard.
  18. In case you see unexpected results on the widget, refer to browser console to see if there are error logs.

This widget is provided as-is and without warranty or support. They do not constitute part of the Software AG product suite. Users are free to use, fork and modify them, subject to the license agreement. While Software AG welcomes contributions, we cannot guarantee to include every contribution in the master project.


For more information you can Ask a Question in the TECHcommunity Forums.

You can find additional information in the Software AG TECHcommunity.

cumulocity-video-widget-plugin's People

Contributors

sandhyadeeps avatar y509144 avatar

Watchers

 avatar  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.