-
-
Notifications
You must be signed in to change notification settings - Fork 536
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Made Audio and Video panes not widgets
- Loading branch information
1 parent
d2d2bf0
commit 560658e
Showing
11 changed files
with
439 additions
and
28 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,141 @@ | ||
| { | ||
| "cells": [ | ||
| { | ||
| "cell_type": "code", | ||
| "execution_count": null, | ||
| "metadata": {}, | ||
| "outputs": [], | ||
| "source": [ | ||
| "import numpy as np\n", | ||
| "import panel as pn\n", | ||
| "\n", | ||
| "pn.extension()" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "markdown", | ||
| "metadata": {}, | ||
| "source": [ | ||
| "The ``Audio`` widget displays an audio player given a local or remote audio file. The widget also allows access and control over the player state including toggling of playing/``paused`` and ``loop`` state, the current ``time``, and the ``volume``. The audio player supports ``ogg``, ``mp3``, and ``wav`` files.\n", | ||
| "\n", | ||
| "#### Parameters:\n", | ||
| "\n", | ||
| "For layout and styling related parameters see the [customization user guide](../../user_guide/Customization.ipynb).\n", | ||
| "\n", | ||
| "* **``name``** (str): The title of the widget\n", | ||
| "* **``loop``** (boolean): Whether to loop when reaching the end of playback\n", | ||
| "* **``object``** (string): Local file path or remote URL pointing to audio file\n", | ||
| "* **``paused``** (boolean): Whether the player is paused\n", | ||
| "* **``throttle``** (int): How frequently to sample the current playback time in milliseconds\n", | ||
| "* **``time``** (float): Current playback time in seconds\n", | ||
| "* **``volume``** (int): Volume in the range 0-100\n", | ||
| "\n", | ||
| "___" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "markdown", | ||
| "metadata": {}, | ||
| "source": [ | ||
| "The `Audio` pane can be constructed with a URL pointing to a remote audio file or a local audio file (in which case the data is embedded)." | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "code", | ||
| "execution_count": null, | ||
| "metadata": {}, | ||
| "outputs": [], | ||
| "source": [ | ||
| "pn.pane.Audio('http://ccrma.stanford.edu/~jos/mp3/pno-cs.mp3')" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "markdown", | ||
| "metadata": {}, | ||
| "source": [ | ||
| "Alternatively, if SciPy is available, the Pane may also be constructed from a NumPy array containing int16 values and a `sample_rate`, e.g. in this example we plot a frequency modulated signal:" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "code", | ||
| "execution_count": null, | ||
| "metadata": {}, | ||
| "outputs": [], | ||
| "source": [ | ||
| "sps = 44100 # Samples per second\n", | ||
| "duration = 10 # Duration in seconds\n", | ||
| "\n", | ||
| "modulator_frequency = 2.0\n", | ||
| "carrier_frequency = 120.0\n", | ||
| "modulation_index = 2.0\n", | ||
| "\n", | ||
| "time = np.arange(sps*duration) / sps\n", | ||
| "modulator = np.sin(2.0 * np.pi * modulator_frequency * time) * modulation_index\n", | ||
| "carrier = np.sin(2.0 * np.pi * carrier_frequency * time)\n", | ||
| "waveform = np.sin(2. * np.pi * (carrier_frequency * time + modulator))\n", | ||
| " \n", | ||
| "waveform_quiet = waveform * 0.3\n", | ||
| "waveform_int = np.int16(waveform_quiet * 32767)\n", | ||
| "\n", | ||
| "audio = pn.pane.Audio(waveform_int, sample_rate=sps)\n", | ||
| "audio" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "markdown", | ||
| "metadata": {}, | ||
| "source": [ | ||
| "The player can be controlled using its own widgets, as well as by using Python code as follows. To pause or unpause it in code, use the ``paused`` property:" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "code", | ||
| "execution_count": null, | ||
| "metadata": {}, | ||
| "outputs": [], | ||
| "source": [ | ||
| "#audio.paused = False" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "markdown", | ||
| "metadata": {}, | ||
| "source": [ | ||
| "The current player ``time`` can be read and set with the time variable (in seconds):" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "code", | ||
| "execution_count": null, | ||
| "metadata": {}, | ||
| "outputs": [], | ||
| "source": [ | ||
| "audio.time" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "markdown", | ||
| "metadata": {}, | ||
| "source": [ | ||
| "The ``volume`` may also be read and set:" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "code", | ||
| "execution_count": null, | ||
| "metadata": {}, | ||
| "outputs": [], | ||
| "source": [ | ||
| "audio.volume = 50" | ||
| ] | ||
| } | ||
| ], | ||
| "metadata": { | ||
| "language_info": { | ||
| "name": "python", | ||
| "pygments_lexer": "ipython3" | ||
| } | ||
| }, | ||
| "nbformat": 4, | ||
| "nbformat_minor": 4 | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,112 @@ | ||
| { | ||
| "cells": [ | ||
| { | ||
| "cell_type": "code", | ||
| "execution_count": null, | ||
| "metadata": {}, | ||
| "outputs": [], | ||
| "source": [ | ||
| "import numpy as np\n", | ||
| "import panel as pn\n", | ||
| "\n", | ||
| "pn.extension()" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "markdown", | ||
| "metadata": {}, | ||
| "source": [ | ||
| "The ``Video`` Pane displays a video player given a local or remote video file. The widget also allows access and control over the player state including toggling of playing/``paused`` and ``loop`` state, the current ``time``, and the ``volume``. Depending on the browser the video player supports ``mp4``, ``webm``, and ``ogg`` containers and a variety of codecs.\n", | ||
| "\n", | ||
| "#### Parameters:\n", | ||
| "\n", | ||
| "For layout and styling related parameters see the [customization user guide](../../user_guide/Customization.ipynb).\n", | ||
| "\n", | ||
| "* **``name``** (str): The title of the widget\n", | ||
| "* **``loop``** (boolean): Whether to loop when reaching the end of playback\n", | ||
| "* **``object``** (string): Local file path or remote URL pointing to audio file\n", | ||
| "* **``paused``** (boolean): Whether the player is paused\n", | ||
| "* **``throttle``** (int): How frequently to sample the current playback time in milliseconds\n", | ||
| "* **``time``** (float): Current playback time in seconds\n", | ||
| "* **``volume``** (int): Volume in the range 0-100\n", | ||
| "\n", | ||
| "___" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "markdown", | ||
| "metadata": {}, | ||
| "source": [ | ||
| "The `Video` Pane can be constructed with a URL pointing to a remote video file or a local video file (in which case the data is embedded)." | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "code", | ||
| "execution_count": null, | ||
| "metadata": {}, | ||
| "outputs": [], | ||
| "source": [ | ||
| "video = pn.pane.Video('https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4',\n", | ||
| " width=640, height=480)\n", | ||
| "\n", | ||
| "video" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "markdown", | ||
| "metadata": {}, | ||
| "source": [ | ||
| "The player can be controlled using its own widgets, as well as by using Python code as follows. To pause or unpause it in code, use the ``paused`` property:" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "code", | ||
| "execution_count": null, | ||
| "metadata": {}, | ||
| "outputs": [], | ||
| "source": [ | ||
| "#video.paused = False" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "markdown", | ||
| "metadata": {}, | ||
| "source": [ | ||
| "The current player ``time`` can be read and set with the time variable (in seconds):" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "code", | ||
| "execution_count": null, | ||
| "metadata": {}, | ||
| "outputs": [], | ||
| "source": [ | ||
| "video.time" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "markdown", | ||
| "metadata": {}, | ||
| "source": [ | ||
| "The ``volume`` may also be read and set:" | ||
| ] | ||
| }, | ||
| { | ||
| "cell_type": "code", | ||
| "execution_count": null, | ||
| "metadata": {}, | ||
| "outputs": [], | ||
| "source": [ | ||
| "video.volume = 50" | ||
| ] | ||
| } | ||
| ], | ||
| "metadata": { | ||
| "language_info": { | ||
| "name": "python", | ||
| "pygments_lexer": "ipython3" | ||
| } | ||
| }, | ||
| "nbformat": 4, | ||
| "nbformat_minor": 4 | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.