Skip to content
Snippets Groups Projects
Select Git revision
  • mui5-annotation-on-video-stable default
  • get_setter_canvasSizeInformations
  • fix-error-div-into-p
  • annotation-on-video-v2
  • detached
  • annotation-on-video-r17
  • mui5
  • mui5-react-18
  • jacob-test
  • annotation-on-video protected
  • master
  • test-antoinev1
  • 20-fetch-thumbnail-on-annotation
  • add-research-field
  • Save
  • add-plugin
  • 14-wip-no-seek-to
  • 14-bug-on-video-time-control
  • 9_wip_videotests
  • _upgrade_material_ui
  • latest-tetras-16
  • v3.3.0
  • v3.2.0
  • v3.1.1
  • v3.1.0
  • v3.0.0
  • v3.0.0-rc.7
  • v3.0.0-rc.6
  • v3.0.0-rc.5
  • v3.0.0-rc.4
  • v3.0.0-rc.3
  • v3.0.0-rc.2
  • v3.0.0-rc.1
  • v3.0.0-beta.10
  • v3.0.0-beta.9
  • v3.0.0-beta.8
  • v3.0.0-beta.7
  • v3.0.0-beta.6
  • v3.0.0-beta.5
  • v3.0.0-beta.3
40 results

mirador-video

  • Clone with SSH
  • Clone with HTTPS
  • user avatar
    Jack Reed authored
    3a4d1588
    History

    NOTE: This README reflects the in development version of Mirador 3. For previous versions, please reference that release's README directly. Latest 2.x release: v.2.7.0

    Mirador

    Build Status codecov

    For Mirador Users

    You can quickly use and configure Mirador by remixing the mirador-start Glitch.

    Adding translations to Mirador

    For help with adding a translation, see src/locales/README.md

    Running Mirador locally

    Mirador local development requires nodejs to be installed.

    1. Run npm install to install the dependencies.

    Starting the project

    $ npm start

    Then navigate to http://127.0.0.1:4444/

    Instantiating Mirador

    var miradorInstance = Mirador.viewer({
      id: 'mirador' // id selector where Mirador should be instantiated
    });
    
    > miradorInstance
    { actions, store }

    Example Action

    Add a window:

    store.dispatch(actions.addWindow());

    To focus a window run:

    store.dispatch(actions.focusWindow('window-1'))

    Check current state

    store.getState()

    Running the tests

    $ npm test # For headless CI=true npm test

    or to continually watch the source files

    $ npm run test:watch

    Linting the project

    $ npm run lint

    Debugging

    Useful browser extensions for debugging/development purposes