QWiPS Javascript Library, v1

This version of QWiPS Javascript Library is deprecated and not supported anymore. Most likely, it is broken or will break in the nearest future. Please consider switching to the new version.

Closer look into widget

You Qwips widget has human-readable classes for almost every element. You can usee CSS to customize their appearance.


Record button

Record button
Button attached to textareas
qwips-record-button
  qwips-record-button-icon

Recorder

Recorder 1 Recorder 2
Recorder that appears when the record button is clicked
qwips-recorder-container
  qwips-recorder-close-button
  qwips-recorder
    qwips-recorder-time-limit-info
      qwips-recorder-time-limit-info-number
      qwips-recorder-time-limit-info-text
    qwips-recorder-controls
      qwips-recorder-record-button
      qwips-recorder-stop-button
      qwips-recorder-busy
        qwips-recorder-busy-text
        qwips-recorder-busy-icon
      qwips-recorder-hints
        qwips-recorder-button-hint
        qwips-recorder-countdown-hint
      qwips-recorder-mic-level
        qwips-recorder-mic-level-frame
        qwips-recorder-mic-level-bar
  qwips-powered-by-title
    qwips-powered-by-title-logo
  qwips-agreement-title
    qwips-agreement-title-link

Editor

Editor 1 Editor 2
Editor that appears after a Qwip is recorded
qwips-editor-container
  qwips-editor-close-button
  qwips-editor-player-container
    qwips-editor-player
    qwips-editor-voicelink-text
      qwips-editor-voicelink-link
    qwips-editor-share-button
  qwips-editor-auth-container
    qwips-editor-auth-title
    qwips-editor-auth-username
    qwips-editor-auth-relogin-link
    qwips-editor-auth-login-link
    qwips-editor-auth-tip
  qwips-editor-avatar-container
    qwips-editor-avatar-image
  qwips-powered-by-title
    qwips-powered-by-title-logo
  qwips-agreement-title
    qwips-agreement-title-link

Inline player

Player 1 Player 2
Players parsed from text and links
qwips-player-container
  qwips-player-player-container
    qwips-player-player
    qwips-player-qwip-title
    qwips-player-avatar-container
      qwips-player-avatar-image
    qwips-player-stats-link
    qwips-player-user-container
      qwips-player-username
      qwips-player-post-time
  qwips-player-stats-container
    qwips-player-stats-close-button
    qwips-player-stats-title
    qwips-player-stats-counters
      qwips-player-stats-listens-icon
      qwips-player-stats-listens-number
    qwips-player-stats-share
      qwips-player-stats-share-button
  qwips-powered-by-title
    qwips-powered-by-title-logo