jclic 2.1.21 → 2.1.23

package/dist/520.jclic-node.js

@@ -1,550 +0,0 @@
-"use strict";
-exports.id = 520;
-exports.ids = [520,5091];
-exports.modules = {
-
-/***/ 520:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* unused harmony export ActiveMediaPlayer */
-/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7750);
-/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _AudioBuffer_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5091);
-/**
- *  File    : media/ActiveMediaPlayer.js
- *  Created : 28/04/2015
- *  By      : Francesc Busquets <francesc@gmail.com>
- *
- *  JClic.js
- *  An HTML5 player of JClic activities
- *  https://projectestac.github.io/jclic.js
- *
- *  @source https://github.com/projectestac/jclic.js
- *
- *  @license EUPL-1.2
- *  @licstart
- *  (c) 2000-2020 Educational Telematic Network of Catalonia (XTEC)
- *
- *  Licensed under the EUPL, Version 1.1 or -as soon they will be approved by
- *  the European Commission- subsequent versions of the EUPL (the "Licence");
- *  You may not use this work except in compliance with the Licence.
- *
- *  You may obtain a copy of the Licence at:
- *  https://joinup.ec.europa.eu/software/page/eupl
- *
- *  Unless required by applicable law or agreed to in writing, software
- *  distributed under the Licence is distributed on an "AS IS" basis, WITHOUT
- *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
- *  Licence for the specific language governing permissions and limitations
- *  under the Licence.
- *  @licend
- *  @module
- */
-
-/* global navigator */
-
-
-
-
-/**
- * This kind of object encapsulates a realized {@link module:media/MediaContent.MediaContent} and provides methods to start,
- * stop, pause and record different types of media (audio, video, MIDI, voice recording...)
- */
-class ActiveMediaPlayer {
-  /**
-   * ActiveMediaPlayer constructor
-   * @param {module:media/MediaContent.MediaContent} mc - - The content used by this player
-   * @param {module:bags/MediaBag.MediaBag} mb - The project's MediaBag
-   * @param {module:JClicPlayer.JClicPlayer} ps - An object implementing the
-   * {@link http://projectestac.github.io/jclic/apidoc/edu/xtec/jclic/PlayStation.html PlayStation} interface,
-   * usually a {@link module:JClicPlayer.JClicPlayer JClicPlayer}.
-   */
-  constructor(mc, mb, ps) {
-    this.mc = mc;
-    this.ps = ps;
-    switch (mc.type) {
-      case 'RECORD_AUDIO':
-        if (ActiveMediaPlayer.AUDIO_BUFFERS) {
-          this.clearAudioBuffer(mc.recBuffer);
-          ActiveMediaPlayer.AUDIO_BUFFERS[mc.recBuffer] = new _AudioBuffer_js__WEBPACK_IMPORTED_MODULE_1__["default"](mc.length);
-        }
-      /* falls through */
-      case 'PLAY_RECORDED_AUDIO':
-        this.useAudioBuffer = true;
-        break;
-      case 'PLAY_AUDIO':
-      case 'PLAY_VIDEO':
-      case 'PLAY_MIDI':
-        this.mbe = mb.getElement(mc.file, true);
-        break;
-      default:
-        break;
-    }
-  }
-
-  /**
-   * Generates the objects that will play media
-   */
-  realize() {
-    if (this.mbe) {
-      this.mbe.build(mbe => {
-        if (mbe.data && mbe.data.pause && !mbe.data.paused && !mbe.data.ended && mbe.data.currentTime)
-          mbe.data.pause();
-        if ((mbe.type === 'video' || mbe.type === 'anim') && mbe.data) {
-          this.$visualComponent = jquery__WEBPACK_IMPORTED_MODULE_0___default()(mbe.data);
-          this.$visualComponent.css('z-index', 20);
-        }
-      }, this.ps, false, this.mc.level);
-    }
-  }
-
-  /**
-   * Plays the media, realizing it if needed.
-   * @param {module:boxes/ActiveBox.ActiveBox} [_setBx] - The active box where this media will be placed (when video)
-   */
-  playNow(_setBx) {
-    // TODO: Remove unused param "_setBx"
-    if (this.useAudioBuffer) {
-      if (ActiveMediaPlayer.AUDIO_BUFFERS) {
-        const $div = this.ps && this.ps.$div;
-        const buffer = ActiveMediaPlayer.AUDIO_BUFFERS[this.mc.recBuffer];
-        if (buffer) {
-          if (this.mc.type === 'RECORD_AUDIO') {
-            buffer.record($div);
-          } else {
-            buffer.play();
-          }
-        }
-      }
-    } else if (this.mbe) {
-      this.mbe.build(() => {
-        if (this.mbe.data) {
-          if (this.mbe.type === 'midi') {
-            this.mbe.data.playTo = this.mc.to || 0;
-          } else {
-            let armed = false;
-            const $player = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this.mbe.data);
-            // Clear previous event handlers
-            $player.off();
-            // If there is a time fragment specified, prepare to stop when the `to` position is reached
-            if (this.mc.to > 0) {
-              $player.on('timeupdate', () => {
-                if (armed && this.mbe.data.currentTime >= this.mc.to / 1000) {
-                  $player.off('timeupdate');
-                  this.mbe.data.pause();
-                }
-              });
-            }
-            // Launch the media despite of its readyState
-            armed = true;
-          }
-          if (!this.mbe.data.paused && !this.mbe.data.ended && this.mbe.data.currentTime)
-            this.mbe.data.pause();
-          // Seek the media position
-          this.mbe.data.currentTime = this.mc.from > 0 ? this.mc.from / 1000 : 0;
-          this.mbe.data.play();
-        }
-      }, this.ps, true, this.mc.level);
-    }
-  }
-
-  /**
-   * Plays the media when available, without blocking the current thread.
-   * @param {module:boxes/ActiveBox.ActiveBox} [setBx] - The active box where this media will be placed (when video)
-   */
-  play(setBx) {
-    this.stopAllAudioBuffers();
-    this.playNow(setBx);
-  }
-
-  /**
-   * Stops the media playing
-   */
-  stop() {
-    if (this.useAudioBuffer)
-      this.stopAudioBuffer(this.mc.recBuffer);
-    else if (this.mbe && this.mbe.data && this.mbe.data.pause && !this.mbe.data.paused && !this.mbe.data.ended && this.mbe.data.currentTime)
-      this.mbe.data.pause();
-  }
-
-  /**
-   * Frees all resources used by this player
-   */
-  clear() {
-    this.stop();
-    if (this.useAudioBuffer)
-      this.clearAudioBuffer(this.mc.recBuffer);
-  }
-
-  /**
-   * Clears the specified audio buffer
-   * @param {number} buffer - Index of the buffer in {@link module:media/ActiveMediaPlayer.ActiveMediaPlayer#AUDIO_BUFFERS AUDIO_BUFFERS}
-   */
-  clearAudioBuffer(buffer) {
-    if (ActiveMediaPlayer.AUDIO_BUFFERS &&
-      buffer >= 0 && buffer < ActiveMediaPlayer.AUDIO_BUFFERS.length &&
-      ActiveMediaPlayer.AUDIO_BUFFERS[buffer]) {
-      ActiveMediaPlayer.AUDIO_BUFFERS[buffer].clear();
-      ActiveMediaPlayer.AUDIO_BUFFERS[buffer] = null;
-    }
-  }
-
-  /**
-   * Clears all audio buffers
-   */
-  clearAllAudioBuffers() {
-    if (ActiveMediaPlayer.AUDIO_BUFFERS)
-      ActiveMediaPlayer.AUDIO_BUFFERS.forEach((_buffer, n) => this.clearAudioBuffer(n));
-  }
-
-  /**
-   * Counts the number of active audio buffers
-   * @returns {number}
-   */
-  countActiveBuffers() {
-    return ActiveMediaPlayer.AUDIO_BUFFERS ? ActiveMediaPlayer.AUDIO_BUFFERS.reduce((c, ab) => c + ab ? 1 : 0, 0) : 0;
-  }
-
-  /**
-   * Stops the playing or recording actions of all audio buffers
-   */
-  stopAllAudioBuffers() {
-    if (ActiveMediaPlayer.AUDIO_BUFFERS)
-      ActiveMediaPlayer.AUDIO_BUFFERS.forEach(ab => ab ? ab.stop() : null);
-  }
-
-  /**
-   * Stops a specific audio buffer
-   * @param {number} buffer - Index of the buffer in {@link module:media/ActiveMediaPlayer.ActiveMediaPlayer#AUDIO_BUFFERS AUDIO_BUFFERS}
-   */
-  stopAudioBuffer(buffer) {
-    if (ActiveMediaPlayer.AUDIO_BUFFERS &&
-      buffer >= 0 && buffer < ActiveMediaPlayer.AUDIO_BUFFERS.length &&
-      ActiveMediaPlayer.AUDIO_BUFFERS[buffer])
-      ActiveMediaPlayer.AUDIO_BUFFERS[buffer].stop();
-  }
-
-  /**
-   * Checks the position of visual components after a displacement or resizing of its container
-   * @param {module:boxes/ActiveBox.ActiveBox} _bxi - The container where this player is hosted
-   */
-  checkVisualComponentBounds(_bxi) {
-    // does nothing
-  }
-
-  /**
-   * Sets the visual component of this player visible or invisible
-   * @param {boolean} _state - `true` for visible
-   */
-  setVisualComponentVisible(_state) {
-    // TODO: Implement setVisualComponentVisible
-  }
-
-  /**
-   * Sets the ActiveBox associated to this media player
-   * @param {module:boxes/ActiveBox.ActiveBox} setBx - The new container of this media. Can be `null`.
-   */
-  linkTo(setBx) {
-    this.bx = setBx;
-    if (this.bx && this.$visualComponent)
-      this.bx.setHostedComponent(this.$visualComponent);
-  }
-}
-
-Object.assign(ActiveMediaPlayer.prototype, {
-  /**
-   * The MediaContent associated to this player.
-   * @name module:media/ActiveMediaPlayer.ActiveMediaPlayer#mc
-   * @type {module:media/MediaContent.MediaContent} */
-  mc: null,
-  /**
-   * The player to which this player belongs.
-   * @name module:media/ActiveMediaPlayer.ActiveMediaPlayer#ps
-   * @type {module:JClicPlayer.JClicPlayer} */
-  ps: null,
-  /**
-   * MediaPlayers should be linked to {@link module:boxes/ActiveBox.ActiveBox ActiveBox} objects.
-   * @name module:media/ActiveMediaPlayer.ActiveMediaPlayer#bx
-   * @type {module:boxes/ActiveBox.ActiveBox} */
-  bx: null,
-  /**
-   * The visual component for videos, usually a `video` HTML element
-   * @name module:media/ActiveMediaPlayer.ActiveMediaPlayer#$visualComponent
-   * @type {external:jQuery} */
-  $visualComponent: null,
-  /**
-   * When `true`, this player makes use of a recording audio buffer
-   * @name module:media/ActiveMediaPlayer.ActiveMediaPlayer#useAudioBuffer
-   * @type {boolean} */
-  useAudioBuffer: false,
-  /**
-   * The {@link module:bads/MediaBagElement.MediaBagElement} containing the reference to the media to be played
-   * @name module:media/ActiveMediaPlayer.ActiveMediaPlayer#mbe
-   * @type {module:bags/MediaBagElement.MediaBagElement} */
-  mbe: null,
-});
-
-/**
- * Recording of audio is enabled only when `navigator.getUserMedia` and `MediaRecorder` are defined
- * In 02-Mar-2016 this is implemented only in Firefox 41 and Chrome 49 or later.
- * See: {@link https://addpipe.com/blog/mediarecorder-api}
- * @type Boolean
- */
-ActiveMediaPlayer.REC_ENABLED = typeof MediaRecorder !== 'undefined' && typeof navigator !== 'undefined';
-
-if (ActiveMediaPlayer.REC_ENABLED) {
-  navigator.getUserMedia = navigator.getUserMedia ||
-    navigator.webkitGetUserMedia ||
-    navigator.mozGetUserMedia ||
-    navigator.msGetUserMedia;
-}
-
-/**
- * Audio buffers used for recording and playing voice are stored in a static array because
- * they are common to all instances of {@link module:media/ActiveMediaPlayer.ActiveMediaPlayer ActiveMediaPlayer}
- * Only initialized when {@link module:media/ActiveMediaPlayer.ActiveMediaPlayer#REC_ENABLED REC_ENABLED} is `true`.
- * @type {external:AudioBuffer[]} */
-ActiveMediaPlayer.AUDIO_BUFFERS = ActiveMediaPlayer.REC_ENABLED ? [] : null;
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ActiveMediaPlayer);
-
-
-/***/ }),
-
-/***/ 5091:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* unused harmony export AudioBuffer */
-/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1253);
-/**
- *  File    : media/EventSoundsElement.js
- *  Created : 01/04/2015
- *  By      : Francesc Busquets <francesc@gmail.com>
- *
- *  JClic.js
- *  An HTML5 player of JClic activities
- *  https://projectestac.github.io/jclic.js
- *
- *  @source https://github.com/projectestac/jclic.js
- *
- *  @license EUPL-1.2
- *  @licstart
- *  (c) 2000-2020 Educational Telematic Network of Catalonia (XTEC)
- *
- *  Licensed under the EUPL, Version 1.1 or -as soon they will be approved by
- *  the European Commission- subsequent versions of the EUPL (the "Licence");
- *  You may not use this work except in compliance with the Licence.
- *
- *  You may obtain a copy of the Licence at:
- *  https://joinup.ec.europa.eu/software/page/eupl
- *
- *  Unless required by applicable law or agreed to in writing, software
- *  distributed under the Licence is distributed on an "AS IS" basis, WITHOUT
- *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
- *  Licence for the specific language governing permissions and limitations
- *  under the Licence.
- *  @licend
- *  @module
- */
-
-/* global navigator, window, document, Blob, URL, MediaRecorder */
-
-
-
-/**
- * The AudioBuffer object provides sound recording and replaying to activities.
- */
-class AudioBuffer {
-  /**
-   * AudioBuffer constructor
-   * @param {number} [seconds] - The maximum amount of time allowed to be recorded by this AudioBuffer
-   */
-  constructor(seconds) {
-    if (navigator && navigator.mediaDevices && navigator.mediaDevices.getUserMedia)
-      this.enabled = true;
-    if (seconds)
-      this.seconds = seconds;
-    this.chunks = [];
-  }
-
-  /**
-   * Starts playing the currently recorded audio, if any.
-   */
-  play() {
-    this.stop();
-    if (this.mediaPlayer) {
-      this.mediaPlayer.currentTime = 0;
-      this.mediaPlayer.play();
-    } else {
-      this.playWhenFinished = true;
-    }
-  }
-
-  /**
-   * Stops the current operation, either recording or playing audio
-   */
-  stop() {
-    if (this.mediaRecorder && this.mediaRecorder.state === 'recording')
-      this.mediaRecorder.stop();
-    else if (this.mediaPlayer && !this.mediaPlayer.paused)
-      this.mediaPlayer.pause();
-  }
-
-  /**
-   * Starts recording audio, or stops the recording if already started.
-   * @param {external:jQuery} [$div] - Optional `div` element where the recording is performed, as a jQuery ref.
-   */
-  record($div) {
-    if (this.mediaRecorder && this.mediaRecorder.state === 'recording')
-      this.mediaRecorder.stop();
-    else if (this.enabled) {
-      this.stop();
-      this.mediaPlayer = null;
-
-      navigator.mediaDevices.getUserMedia({ audio: true, video: false })
-        .then(mediaStream => {
-
-          this.mediaRecorder = new MediaRecorder(mediaStream);
-
-          this.mediaRecorder.ondataavailable = ev => this.chunks.push(ev.data);
-
-          this.mediaRecorder.onerror = err => {
-            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm)('error', `Error recording audio: ${err}`);
-            this.mediaRecorder = null;
-          };
-
-          this.mediaRecorder.onstart = () => {
-            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm)('debug', 'Recording audio started');
-            this.visualFeedbak(true, $div);
-          };
-
-          this.mediaRecorder.onstop = () => {
-            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm)('debug', 'Recording audio finished');
-            this.visualFeedbak(false, $div);
-
-            if (this.timeoutID) {
-              window.clearTimeout(this.timeoutID);
-              this.timeoutID = null;
-            }
-
-            const options = {};
-            if (this.chunks.length > 0 && this.chunks[0].type)
-              options.type = this.chunks[0].type;
-            const blob = new Blob(this.chunks, options);
-            this.chunks = [];
-            this.mediaPlayer = document.createElement('audio');
-            this.mediaPlayer.src = URL.createObjectURL(blob);
-            this.mediaPlayer.pause();
-            this.mediaRecorder = null;
-            if (this.playWhenFinished) {
-              this.playWhenFinished = false;
-              this.mediaPlayer.play();
-            }
-          };
-
-          this.mediaRecorder.onwarning = ev => (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm)('warn', `Warning recording audio: ${ev}`);
-
-          this.playWhenFinished = false;
-
-          this.mediaRecorder.start();
-
-          this.timeoutID = window.setTimeout(() => {
-            if (this.mediaRecorder);
-            this.mediaRecorder.stop();
-          }, this.seconds * 1000);
-        })
-        .catch(err => {
-          (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm)('error', err.toString());
-          this.visualFeedbak(false, $div);
-        });
-    }
-  }
-
-  /**
-   * Set visual feedback to the user while the system is recording audio
-   * Currently changes the cursor pointer associated to the HTML element
-   * containing the recorder.
-   * @param {boolean} enabled - Flag indicating if the visual feedback should be active or inactive
-   * @param {external:jQuery} [$div] - Optional `div` element where the recording is performed, as a jQuery ref.
-   */
-  visualFeedbak(enabled, $div) {
-    if ($div)
-      $div.css('cursor', enabled ? 'progress' : 'inherit');
-  }
-
-  /**
-   * Clears all data associated to this AudioBuffer
-   */
-  clear() {
-    this.stop();
-    this.mediaPlayer = null;
-  }
-}
-
-Object.assign(AudioBuffer.prototype, {
-  /**
-   * AudioBuffer is enabled only in browsers with `navigator.MediaDevices.getuserMedia`
-   * @name module:media/AudioBuffer.AudioBuffer#enabled
-   * @type {boolean}
-   */
-  enabled: false,
-  /**
-   * Maximum length of recordings allowed to this AudioBuffer (in seconds)
-   * @name module:media/AudioBuffer.AudioBuffer#seconds
-   * @type {number}
-   */
-  seconds: 20,
-  /**
-   * The object used to record audio data and convert it to a valid stream for the {@link module:media/ActiveMediaPlayer.ActiveMediaPlayer ActiveMediaPlayer}
-   * @name module:media/AudioBuffer.AudioBuffer#mediaRecorder
-   * @type {external:MediaRecorder}
-   */
-  mediaRecorder: null,
-  /**
-   * Array of data chunks collected during the recording
-   * @name module:media/AudioBuffer.AudioBuffer#chunks
-   * @type {external:Blob[]}
-   */
-  chunks: null,
-  /**
-   * The HTML audio element used to play the recorded sound
-   * @name module:media/AudioBuffer.AudioBuffer#mediaPlayer
-   * @type {external:HTMLAudioElement}
-   */
-  mediaPlayer: null,
-  /**
-   * The identifier of the timer launched to stop the recording when the maximum time is exceeded.
-   * This member is `null` when no timeout function is associated to this AudioBuffer
-   * @name module:media/AudioBuffer.AudioBuffer#timeoutID
-   * @type {number}
-   */
-  timeoutID: null,
-  /**
-   * Instructs this AudioBuffer recorder to start playing the collected audio at the end of the
-   * current `mediaRecorder` task.
-   * @name module:media/AudioBuffer.AudioBuffer#playWhenFinished
-   * @type {boolean}
-   */
-  playWhenFinished: false,
-});
-
-/**
- * Maximum amount of time allowed for recordings (in seconds)
- * @type {number}
- */
-AudioBuffer.MAX_RECORD_LENGTH = 180;
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AudioBuffer);
-
-
-/***/ })
-
-};
-;
-//# sourceMappingURL=520.jclic-node.js.map

package/dist/520.jclic-node.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"520.jclic-node.js","mappings":";;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEuB;AACoB;;AAE3C;AACA,gDAAgD,8CAA8C;AAC9F;AACA;AACO;AACP;AACA;AACA,aAAa,wCAAwC;AACrD,aAAa,+BAA+B;AAC5C,aAAa,gCAAgC;AAC7C,MAAM,8FAA8F;AACpG,gBAAgB,iDAAiD;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8DAA8D,uDAAW;AACzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,6CAAC;AACnC;AACA;AACA,OAAO;AACP;AACA;;AAEA;AACA;AACA,aAAa,kCAAkC;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA,4BAA4B,6CAAC;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;;AAEA;AACA;AACA,aAAa,kCAAkC;AAC/C;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,QAAQ,iCAAiC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,QAAQ,iCAAiC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,kCAAkC;AAC/C;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,SAAS;AACtB;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,kCAAkC;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,YAAY,wCAAwC;AACpD;AACA;AACA;AACA;AACA,YAAY,gCAAgC;AAC5C;AACA;AACA,uCAAuC,kDAAkD;AACzF;AACA,YAAY,kCAAkC;AAC9C;AACA;AACA;AACA;AACA,YAAY,iBAAiB;AAC7B;AACA;AACA;AACA;AACA,YAAY,SAAS;AACrB;AACA;AACA,UAAU,mDAAmD;AAC7D;AACA,YAAY,6CAA6C;AACzD;AACA,CAAC;;AAED;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,wCAAwC;AACxC,0BAA0B,gFAAgF;AAC1G,UAAU,wBAAwB;AAClC;;AAEA,iEAAe,iBAAiB,EAAC;;;;;;;;;;;;;ACxSjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEkC;;AAElC;AACA;AACA;AACO;AACP;AACA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,iBAAiB;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,4CAA4C,2BAA2B;AACvE;;AAEA;;AAEA;;AAEA;AACA,YAAY,wDAAG,oCAAoC,IAAI;AACvD;AACA;;AAEA;AACA,YAAY,wDAAG;AACf;AACA;;AAEA;AACA,YAAY,wDAAG;AACf;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,+CAA+C,wDAAG,qCAAqC,GAAG;;AAE1F;;AAEA;;AAEA;AACA;AACA;AACA,WAAW;AACX,SAAS;AACT;AACA,UAAU,wDAAG;AACb;AACA,SAAS;AACT;AACA;;AAEA;AACA;AACA;AACA;AACA,aAAa,SAAS;AACtB,aAAa,iBAAiB;AAC9B;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA;AACA,oFAAoF;AACpF;AACA,YAAY;AACZ;AACA;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA,CAAC;;AAED;AACA;AACA,UAAU;AACV;AACA;;AAEA,iEAAe,WAAW,EAAC","sources":["webpack://jclic/./src/media/ActiveMediaPlayer.js","webpack://jclic/./src/media/AudioBuffer.js"],"sourcesContent":["/**\n *  File    : media/ActiveMediaPlayer.js\n *  Created : 28/04/2015\n *  By      : Francesc Busquets <francesc@gmail.com>\n *\n *  JClic.js\n *  An HTML5 player of JClic activities\n *  https://projectestac.github.io/jclic.js\n *\n *  @source https://github.com/projectestac/jclic.js\n *\n *  @license EUPL-1.2\n *  @licstart\n *  (c) 2000-2020 Educational Telematic Network of Catalonia (XTEC)\n *\n *  Licensed under the EUPL, Version 1.1 or -as soon they will be approved by\n *  the European Commission- subsequent versions of the EUPL (the \"Licence\");\n *  You may not use this work except in compliance with the Licence.\n *\n *  You may obtain a copy of the Licence at:\n *  https://joinup.ec.europa.eu/software/page/eupl\n *\n *  Unless required by applicable law or agreed to in writing, software\n *  distributed under the Licence is distributed on an \"AS IS\" basis, WITHOUT\n *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n *  Licence for the specific language governing permissions and limitations\n *  under the Licence.\n *  @licend\n *  @module\n */\n\n/* global navigator */\n\nimport $ from 'jquery';\nimport AudioBuffer from './AudioBuffer.js';\n\n/**\n * This kind of object encapsulates a realized {@link module:media/MediaContent.MediaContent} and provides methods to start,\n * stop, pause and record different types of media (audio, video, MIDI, voice recording...)\n */\nexport class ActiveMediaPlayer {\n  /**\n   * ActiveMediaPlayer constructor\n   * @param {module:media/MediaContent.MediaContent} mc - - The content used by this player\n   * @param {module:bags/MediaBag.MediaBag} mb - The project's MediaBag\n   * @param {module:JClicPlayer.JClicPlayer} ps - An object implementing the\n   * {@link http://projectestac.github.io/jclic/apidoc/edu/xtec/jclic/PlayStation.html PlayStation} interface,\n   * usually a {@link module:JClicPlayer.JClicPlayer JClicPlayer}.\n   */\n  constructor(mc, mb, ps) {\n    this.mc = mc;\n    this.ps = ps;\n    switch (mc.type) {\n      case 'RECORD_AUDIO':\n        if (ActiveMediaPlayer.AUDIO_BUFFERS) {\n          this.clearAudioBuffer(mc.recBuffer);\n          ActiveMediaPlayer.AUDIO_BUFFERS[mc.recBuffer] = new AudioBuffer(mc.length);\n        }\n      /* falls through */\n      case 'PLAY_RECORDED_AUDIO':\n        this.useAudioBuffer = true;\n        break;\n      case 'PLAY_AUDIO':\n      case 'PLAY_VIDEO':\n      case 'PLAY_MIDI':\n        this.mbe = mb.getElement(mc.file, true);\n        break;\n      default:\n        break;\n    }\n  }\n\n  /**\n   * Generates the objects that will play media\n   */\n  realize() {\n    if (this.mbe) {\n      this.mbe.build(mbe => {\n        if (mbe.data && mbe.data.pause && !mbe.data.paused && !mbe.data.ended && mbe.data.currentTime)\n          mbe.data.pause();\n        if ((mbe.type === 'video' || mbe.type === 'anim') && mbe.data) {\n          this.$visualComponent = $(mbe.data);\n          this.$visualComponent.css('z-index', 20);\n        }\n      }, this.ps, false, this.mc.level);\n    }\n  }\n\n  /**\n   * Plays the media, realizing it if needed.\n   * @param {module:boxes/ActiveBox.ActiveBox} [_setBx] - The active box where this media will be placed (when video)\n   */\n  playNow(_setBx) {\n    // TODO: Remove unused param \"_setBx\"\n    if (this.useAudioBuffer) {\n      if (ActiveMediaPlayer.AUDIO_BUFFERS) {\n        const $div = this.ps && this.ps.$div;\n        const buffer = ActiveMediaPlayer.AUDIO_BUFFERS[this.mc.recBuffer];\n        if (buffer) {\n          if (this.mc.type === 'RECORD_AUDIO') {\n            buffer.record($div);\n          } else {\n            buffer.play();\n          }\n        }\n      }\n    } else if (this.mbe) {\n      this.mbe.build(() => {\n        if (this.mbe.data) {\n          if (this.mbe.type === 'midi') {\n            this.mbe.data.playTo = this.mc.to || 0;\n          } else {\n            let armed = false;\n            const $player = $(this.mbe.data);\n            // Clear previous event handlers\n            $player.off();\n            // If there is a time fragment specified, prepare to stop when the `to` position is reached\n            if (this.mc.to > 0) {\n              $player.on('timeupdate', () => {\n                if (armed && this.mbe.data.currentTime >= this.mc.to / 1000) {\n                  $player.off('timeupdate');\n                  this.mbe.data.pause();\n                }\n              });\n            }\n            // Launch the media despite of its readyState\n            armed = true;\n          }\n          if (!this.mbe.data.paused && !this.mbe.data.ended && this.mbe.data.currentTime)\n            this.mbe.data.pause();\n          // Seek the media position\n          this.mbe.data.currentTime = this.mc.from > 0 ? this.mc.from / 1000 : 0;\n          this.mbe.data.play();\n        }\n      }, this.ps, true, this.mc.level);\n    }\n  }\n\n  /**\n   * Plays the media when available, without blocking the current thread.\n   * @param {module:boxes/ActiveBox.ActiveBox} [setBx] - The active box where this media will be placed (when video)\n   */\n  play(setBx) {\n    this.stopAllAudioBuffers();\n    this.playNow(setBx);\n  }\n\n  /**\n   * Stops the media playing\n   */\n  stop() {\n    if (this.useAudioBuffer)\n      this.stopAudioBuffer(this.mc.recBuffer);\n    else if (this.mbe && this.mbe.data && this.mbe.data.pause && !this.mbe.data.paused && !this.mbe.data.ended && this.mbe.data.currentTime)\n      this.mbe.data.pause();\n  }\n\n  /**\n   * Frees all resources used by this player\n   */\n  clear() {\n    this.stop();\n    if (this.useAudioBuffer)\n      this.clearAudioBuffer(this.mc.recBuffer);\n  }\n\n  /**\n   * Clears the specified audio buffer\n   * @param {number} buffer - Index of the buffer in {@link module:media/ActiveMediaPlayer.ActiveMediaPlayer#AUDIO_BUFFERS AUDIO_BUFFERS}\n   */\n  clearAudioBuffer(buffer) {\n    if (ActiveMediaPlayer.AUDIO_BUFFERS &&\n      buffer >= 0 && buffer < ActiveMediaPlayer.AUDIO_BUFFERS.length &&\n      ActiveMediaPlayer.AUDIO_BUFFERS[buffer]) {\n      ActiveMediaPlayer.AUDIO_BUFFERS[buffer].clear();\n      ActiveMediaPlayer.AUDIO_BUFFERS[buffer] = null;\n    }\n  }\n\n  /**\n   * Clears all audio buffers\n   */\n  clearAllAudioBuffers() {\n    if (ActiveMediaPlayer.AUDIO_BUFFERS)\n      ActiveMediaPlayer.AUDIO_BUFFERS.forEach((_buffer, n) => this.clearAudioBuffer(n));\n  }\n\n  /**\n   * Counts the number of active audio buffers\n   * @returns {number}\n   */\n  countActiveBuffers() {\n    return ActiveMediaPlayer.AUDIO_BUFFERS ? ActiveMediaPlayer.AUDIO_BUFFERS.reduce((c, ab) => c + ab ? 1 : 0, 0) : 0;\n  }\n\n  /**\n   * Stops the playing or recording actions of all audio buffers\n   */\n  stopAllAudioBuffers() {\n    if (ActiveMediaPlayer.AUDIO_BUFFERS)\n      ActiveMediaPlayer.AUDIO_BUFFERS.forEach(ab => ab ? ab.stop() : null);\n  }\n\n  /**\n   * Stops a specific audio buffer\n   * @param {number} buffer - Index of the buffer in {@link module:media/ActiveMediaPlayer.ActiveMediaPlayer#AUDIO_BUFFERS AUDIO_BUFFERS}\n   */\n  stopAudioBuffer(buffer) {\n    if (ActiveMediaPlayer.AUDIO_BUFFERS &&\n      buffer >= 0 && buffer < ActiveMediaPlayer.AUDIO_BUFFERS.length &&\n      ActiveMediaPlayer.AUDIO_BUFFERS[buffer])\n      ActiveMediaPlayer.AUDIO_BUFFERS[buffer].stop();\n  }\n\n  /**\n   * Checks the position of visual components after a displacement or resizing of its container\n   * @param {module:boxes/ActiveBox.ActiveBox} _bxi - The container where this player is hosted\n   */\n  checkVisualComponentBounds(_bxi) {\n    // does nothing\n  }\n\n  /**\n   * Sets the visual component of this player visible or invisible\n   * @param {boolean} _state - `true` for visible\n   */\n  setVisualComponentVisible(_state) {\n    // TODO: Implement setVisualComponentVisible\n  }\n\n  /**\n   * Sets the ActiveBox associated to this media player\n   * @param {module:boxes/ActiveBox.ActiveBox} setBx - The new container of this media. Can be `null`.\n   */\n  linkTo(setBx) {\n    this.bx = setBx;\n    if (this.bx && this.$visualComponent)\n      this.bx.setHostedComponent(this.$visualComponent);\n  }\n}\n\nObject.assign(ActiveMediaPlayer.prototype, {\n  /**\n   * The MediaContent associated to this player.\n   * @name module:media/ActiveMediaPlayer.ActiveMediaPlayer#mc\n   * @type {module:media/MediaContent.MediaContent} */\n  mc: null,\n  /**\n   * The player to which this player belongs.\n   * @name module:media/ActiveMediaPlayer.ActiveMediaPlayer#ps\n   * @type {module:JClicPlayer.JClicPlayer} */\n  ps: null,\n  /**\n   * MediaPlayers should be linked to {@link module:boxes/ActiveBox.ActiveBox ActiveBox} objects.\n   * @name module:media/ActiveMediaPlayer.ActiveMediaPlayer#bx\n   * @type {module:boxes/ActiveBox.ActiveBox} */\n  bx: null,\n  /**\n   * The visual component for videos, usually a `video` HTML element\n   * @name module:media/ActiveMediaPlayer.ActiveMediaPlayer#$visualComponent\n   * @type {external:jQuery} */\n  $visualComponent: null,\n  /**\n   * When `true`, this player makes use of a recording audio buffer\n   * @name module:media/ActiveMediaPlayer.ActiveMediaPlayer#useAudioBuffer\n   * @type {boolean} */\n  useAudioBuffer: false,\n  /**\n   * The {@link module:bads/MediaBagElement.MediaBagElement} containing the reference to the media to be played\n   * @name module:media/ActiveMediaPlayer.ActiveMediaPlayer#mbe\n   * @type {module:bags/MediaBagElement.MediaBagElement} */\n  mbe: null,\n});\n\n/**\n * Recording of audio is enabled only when `navigator.getUserMedia` and `MediaRecorder` are defined\n * In 02-Mar-2016 this is implemented only in Firefox 41 and Chrome 49 or later.\n * See: {@link https://addpipe.com/blog/mediarecorder-api}\n * @type Boolean\n */\nActiveMediaPlayer.REC_ENABLED = typeof MediaRecorder !== 'undefined' && typeof navigator !== 'undefined';\n\nif (ActiveMediaPlayer.REC_ENABLED) {\n  navigator.getUserMedia = navigator.getUserMedia ||\n    navigator.webkitGetUserMedia ||\n    navigator.mozGetUserMedia ||\n    navigator.msGetUserMedia;\n}\n\n/**\n * Audio buffers used for recording and playing voice are stored in a static array because\n * they are common to all instances of {@link module:media/ActiveMediaPlayer.ActiveMediaPlayer ActiveMediaPlayer}\n * Only initialized when {@link module:media/ActiveMediaPlayer.ActiveMediaPlayer#REC_ENABLED REC_ENABLED} is `true`.\n * @type {external:AudioBuffer[]} */\nActiveMediaPlayer.AUDIO_BUFFERS = ActiveMediaPlayer.REC_ENABLED ? [] : null;\n\nexport default ActiveMediaPlayer;\n","/**\n *  File    : media/EventSoundsElement.js\n *  Created : 01/04/2015\n *  By      : Francesc Busquets <francesc@gmail.com>\n *\n *  JClic.js\n *  An HTML5 player of JClic activities\n *  https://projectestac.github.io/jclic.js\n *\n *  @source https://github.com/projectestac/jclic.js\n *\n *  @license EUPL-1.2\n *  @licstart\n *  (c) 2000-2020 Educational Telematic Network of Catalonia (XTEC)\n *\n *  Licensed under the EUPL, Version 1.1 or -as soon they will be approved by\n *  the European Commission- subsequent versions of the EUPL (the \"Licence\");\n *  You may not use this work except in compliance with the Licence.\n *\n *  You may obtain a copy of the Licence at:\n *  https://joinup.ec.europa.eu/software/page/eupl\n *\n *  Unless required by applicable law or agreed to in writing, software\n *  distributed under the Licence is distributed on an \"AS IS\" basis, WITHOUT\n *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n *  Licence for the specific language governing permissions and limitations\n *  under the Licence.\n *  @licend\n *  @module\n */\n\n/* global navigator, window, document, Blob, URL, MediaRecorder */\n\nimport { log } from '../Utils.js';\n\n/**\n * The AudioBuffer object provides sound recording and replaying to activities.\n */\nexport class AudioBuffer {\n  /**\n   * AudioBuffer constructor\n   * @param {number} [seconds] - The maximum amount of time allowed to be recorded by this AudioBuffer\n   */\n  constructor(seconds) {\n    if (navigator && navigator.mediaDevices && navigator.mediaDevices.getUserMedia)\n      this.enabled = true;\n    if (seconds)\n      this.seconds = seconds;\n    this.chunks = [];\n  }\n\n  /**\n   * Starts playing the currently recorded audio, if any.\n   */\n  play() {\n    this.stop();\n    if (this.mediaPlayer) {\n      this.mediaPlayer.currentTime = 0;\n      this.mediaPlayer.play();\n    } else {\n      this.playWhenFinished = true;\n    }\n  }\n\n  /**\n   * Stops the current operation, either recording or playing audio\n   */\n  stop() {\n    if (this.mediaRecorder && this.mediaRecorder.state === 'recording')\n      this.mediaRecorder.stop();\n    else if (this.mediaPlayer && !this.mediaPlayer.paused)\n      this.mediaPlayer.pause();\n  }\n\n  /**\n   * Starts recording audio, or stops the recording if already started.\n   * @param {external:jQuery} [$div] - Optional `div` element where the recording is performed, as a jQuery ref.\n   */\n  record($div) {\n    if (this.mediaRecorder && this.mediaRecorder.state === 'recording')\n      this.mediaRecorder.stop();\n    else if (this.enabled) {\n      this.stop();\n      this.mediaPlayer = null;\n\n      navigator.mediaDevices.getUserMedia({ audio: true, video: false })\n        .then(mediaStream => {\n\n          this.mediaRecorder = new MediaRecorder(mediaStream);\n\n          this.mediaRecorder.ondataavailable = ev => this.chunks.push(ev.data);\n\n          this.mediaRecorder.onerror = err => {\n            log('error', `Error recording audio: ${err}`);\n            this.mediaRecorder = null;\n          };\n\n          this.mediaRecorder.onstart = () => {\n            log('debug', 'Recording audio started');\n            this.visualFeedbak(true, $div);\n          };\n\n          this.mediaRecorder.onstop = () => {\n            log('debug', 'Recording audio finished');\n            this.visualFeedbak(false, $div);\n\n            if (this.timeoutID) {\n              window.clearTimeout(this.timeoutID);\n              this.timeoutID = null;\n            }\n\n            const options = {};\n            if (this.chunks.length > 0 && this.chunks[0].type)\n              options.type = this.chunks[0].type;\n            const blob = new Blob(this.chunks, options);\n            this.chunks = [];\n            this.mediaPlayer = document.createElement('audio');\n            this.mediaPlayer.src = URL.createObjectURL(blob);\n            this.mediaPlayer.pause();\n            this.mediaRecorder = null;\n            if (this.playWhenFinished) {\n              this.playWhenFinished = false;\n              this.mediaPlayer.play();\n            }\n          };\n\n          this.mediaRecorder.onwarning = ev => log('warn', `Warning recording audio: ${ev}`);\n\n          this.playWhenFinished = false;\n\n          this.mediaRecorder.start();\n\n          this.timeoutID = window.setTimeout(() => {\n            if (this.mediaRecorder);\n            this.mediaRecorder.stop();\n          }, this.seconds * 1000);\n        })\n        .catch(err => {\n          log('error', err.toString());\n          this.visualFeedbak(false, $div);\n        });\n    }\n  }\n\n  /**\n   * Set visual feedback to the user while the system is recording audio\n   * Currently changes the cursor pointer associated to the HTML element\n   * containing the recorder.\n   * @param {boolean} enabled - Flag indicating if the visual feedback should be active or inactive\n   * @param {external:jQuery} [$div] - Optional `div` element where the recording is performed, as a jQuery ref.\n   */\n  visualFeedbak(enabled, $div) {\n    if ($div)\n      $div.css('cursor', enabled ? 'progress' : 'inherit');\n  }\n\n  /**\n   * Clears all data associated to this AudioBuffer\n   */\n  clear() {\n    this.stop();\n    this.mediaPlayer = null;\n  }\n}\n\nObject.assign(AudioBuffer.prototype, {\n  /**\n   * AudioBuffer is enabled only in browsers with `navigator.MediaDevices.getuserMedia`\n   * @name module:media/AudioBuffer.AudioBuffer#enabled\n   * @type {boolean}\n   */\n  enabled: false,\n  /**\n   * Maximum length of recordings allowed to this AudioBuffer (in seconds)\n   * @name module:media/AudioBuffer.AudioBuffer#seconds\n   * @type {number}\n   */\n  seconds: 20,\n  /**\n   * The object used to record audio data and convert it to a valid stream for the {@link module:media/ActiveMediaPlayer.ActiveMediaPlayer ActiveMediaPlayer}\n   * @name module:media/AudioBuffer.AudioBuffer#mediaRecorder\n   * @type {external:MediaRecorder}\n   */\n  mediaRecorder: null,\n  /**\n   * Array of data chunks collected during the recording\n   * @name module:media/AudioBuffer.AudioBuffer#chunks\n   * @type {external:Blob[]}\n   */\n  chunks: null,\n  /**\n   * The HTML audio element used to play the recorded sound\n   * @name module:media/AudioBuffer.AudioBuffer#mediaPlayer\n   * @type {external:HTMLAudioElement}\n   */\n  mediaPlayer: null,\n  /**\n   * The identifier of the timer launched to stop the recording when the maximum time is exceeded.\n   * This member is `null` when no timeout function is associated to this AudioBuffer\n   * @name module:media/AudioBuffer.AudioBuffer#timeoutID\n   * @type {number}\n   */\n  timeoutID: null,\n  /**\n   * Instructs this AudioBuffer recorder to start playing the collected audio at the end of the\n   * current `mediaRecorder` task.\n   * @name module:media/AudioBuffer.AudioBuffer#playWhenFinished\n   * @type {boolean}\n   */\n  playWhenFinished: false,\n});\n\n/**\n * Maximum amount of time allowed for recordings (in seconds)\n * @type {number}\n */\nAudioBuffer.MAX_RECORD_LENGTH = 180;\n\nexport default AudioBuffer;\n"],"names":[],"sourceRoot":""}