mirror of
https://github.com/overte-org/overte.git
synced 2025-08-08 12:37:51 +02:00
Added jsstreamplayer.
This commit is contained in:
Kevin M. Thomas
parent
7c5286e804
commit
d76d380512
2 changed files with 179 additions and 0 deletions
42
examples/html/jsstreamplayer.html
Normal file
42
examples/html/jsstreamplayer.html
Normal file
|
|
@ -0,0 +1,42 @@
|
||||||
|
<!-- -->
|
||||||
|
<!-- #20622: JS Stream Player -->
|
||||||
|
<!-- ************************* -->
|
||||||
|
<!-- -->
|
||||||
|
<!-- Created by Kevin M. Thomas and Thoys 07/17/15. -->
|
||||||
|
<!-- Copyright 2015 High Fidelity, Inc. -->
|
||||||
|
<!-- kevintown.net -->
|
||||||
|
<!-- -->
|
||||||
|
<!-- JavaScript for the High Fidelity interface that creates a stream player with a UI and keyPressEvents for adding a stream URL in addition to play, stop and volume functionality. -->
|
||||||
|
<!-- -->
|
||||||
|
<!-- Distributed under the Apache License, Version 2.0. -->
|
||||||
|
<!-- See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html -->
|
||||||
|
<!-- -->
|
||||||
|
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(function(){
|
||||||
|
if (window.EventBridge !== undefined) {
|
||||||
|
EventBridge.scriptEventReceived.connect(function(data) {
|
||||||
|
var myData = JSON.parse(data);
|
||||||
|
if (myData.action == "changeStream") {
|
||||||
|
$('body > audio').attr("src", myData.stream);
|
||||||
|
}
|
||||||
|
if (myData.action == "changeVolume") {
|
||||||
|
$('body > audio').prop("volume", myData.volume);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
EventBridge.emitWebEvent("loaded");
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<audio controls src="" controls autoplay></audio>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
137
examples/jsstreamplayer.js
Normal file
137
examples/jsstreamplayer.js
Normal file
|
|
@ -0,0 +1,137 @@
|
||||||
|
//
|
||||||
|
// #20622: JS Stream Player
|
||||||
|
// *************************
|
||||||
|
//
|
||||||
|
// Created by Kevin M. Thomas and Thoys 07/17/15.
|
||||||
|
// Copyright 2015 High Fidelity, Inc.
|
||||||
|
// kevintown.net
|
||||||
|
//
|
||||||
|
// JavaScript for the High Fidelity interface that creates a stream player with a UI and keyPressEvents for adding a stream URL in addition to play, stop and volume functionality.
|
||||||
|
//
|
||||||
|
// Distributed under the Apache License, Version 2.0.
|
||||||
|
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
||||||
|
//
|
||||||
|
|
||||||
|
|
||||||
|
// Declare variables and set up new WebWindow.
|
||||||
|
var stream;
|
||||||
|
var volume = 1;
|
||||||
|
var streamWindow = new WebWindow('Stream', "https://dl.dropboxusercontent.com/u/17344741/jsstreamplayer/jsstreamplayer.html", 0, 0, false);
|
||||||
|
|
||||||
|
// Set up toggleStreamURLButton overlay.
|
||||||
|
var toggleStreamURLButton = Overlays.addOverlay("text", {
|
||||||
|
x: 76,
|
||||||
|
y: 275,
|
||||||
|
width: 40,
|
||||||
|
height: 28,
|
||||||
|
backgroundColor: {red: 0, green: 0, blue: 0},
|
||||||
|
color: {red: 255, green: 255, blue: 0},
|
||||||
|
font: {size: 15},
|
||||||
|
topMargin: 8,
|
||||||
|
text: " URL"
|
||||||
|
});
|
||||||
|
|
||||||
|
// Set up toggleStreamPlayButton overlay.
|
||||||
|
var toggleStreamPlayButton = Overlays.addOverlay("text", {
|
||||||
|
x: 122,
|
||||||
|
y: 275,
|
||||||
|
width: 38,
|
||||||
|
height: 28,
|
||||||
|
backgroundColor: { red: 0, green: 0, blue: 0},
|
||||||
|
color: { red: 255, green: 255, blue: 0},
|
||||||
|
font: {size: 15},
|
||||||
|
topMargin: 8,
|
||||||
|
text: " Play"
|
||||||
|
});
|
||||||
|
|
||||||
|
// Set up toggleStreamStopButton overlay.
|
||||||
|
var toggleStreamStopButton = Overlays.addOverlay("text", {
|
||||||
|
x: 166,
|
||||||
|
y: 275,
|
||||||
|
width: 40,
|
||||||
|
height: 28,
|
||||||
|
backgroundColor: { red: 0, green: 0, blue: 0},
|
||||||
|
color: { red: 255, green: 255, blue: 0},
|
||||||
|
font: {size: 15},
|
||||||
|
topMargin: 8,
|
||||||
|
text: " Stop"
|
||||||
|
});
|
||||||
|
|
||||||
|
// Set up increaseVolumeButton overlay.
|
||||||
|
var toggleIncreaseVolumeButton = Overlays.addOverlay("text", {
|
||||||
|
x: 211,
|
||||||
|
y: 275,
|
||||||
|
width: 18,
|
||||||
|
height: 28,
|
||||||
|
backgroundColor: { red: 0, green: 0, blue: 0},
|
||||||
|
color: { red: 255, green: 255, blue: 0},
|
||||||
|
font: {size: 15},
|
||||||
|
topMargin: 8,
|
||||||
|
text: " +"
|
||||||
|
});
|
||||||
|
|
||||||
|
// Set up decreaseVolumeButton overlay.
|
||||||
|
var toggleDecreaseVolumeButton = Overlays.addOverlay("text", {
|
||||||
|
x: 234,
|
||||||
|
y: 275,
|
||||||
|
width: 15,
|
||||||
|
height: 28,
|
||||||
|
backgroundColor: { red: 0, green: 0, blue: 0},
|
||||||
|
color: { red: 255, green: 255, blue: 0},
|
||||||
|
font: {size: 15},
|
||||||
|
topMargin: 8,
|
||||||
|
text: " -"
|
||||||
|
});
|
||||||
|
|
||||||
|
// Function that adds mousePressEvent functionality to connect UI to enter stream URL, play and stop stream.
|
||||||
|
function mousePressEvent(event) {
|
||||||
|
if (Overlays.getOverlayAtPoint({x: event.x, y: event.y}) == toggleStreamURLButton) {
|
||||||
|
stream = Window.prompt("Enter Stream: ");
|
||||||
|
var streamJSON = {
|
||||||
|
action: "changeStream",
|
||||||
|
stream: stream
|
||||||
|
}
|
||||||
|
streamWindow.eventBridge.emitScriptEvent(JSON.stringify(streamJSON));
|
||||||
|
}
|
||||||
|
if (Overlays.getOverlayAtPoint({x: event.x, y: event.y}) == toggleStreamPlayButton) {
|
||||||
|
var streamJSON = {
|
||||||
|
action: "changeStream",
|
||||||
|
stream: stream
|
||||||
|
}
|
||||||
|
streamWindow.eventBridge.emitScriptEvent(JSON.stringify(streamJSON));
|
||||||
|
}
|
||||||
|
if (Overlays.getOverlayAtPoint({x: event.x, y: event.y}) == toggleStreamStopButton) {
|
||||||
|
var streamJSON = {
|
||||||
|
action: "changeStream",
|
||||||
|
stream: ""
|
||||||
|
}
|
||||||
|
streamWindow.eventBridge.emitScriptEvent(JSON.stringify(streamJSON));
|
||||||
|
}
|
||||||
|
if (Overlays.getOverlayAtPoint({x: event.x, y: event.y}) == toggleIncreaseVolumeButton) {
|
||||||
|
volume += 0.2;
|
||||||
|
var volumeJSON = {
|
||||||
|
action: "changeVolume",
|
||||||
|
volume: volume
|
||||||
|
}
|
||||||
|
streamWindow.eventBridge.emitScriptEvent(JSON.stringify(volumeJSON));
|
||||||
|
}
|
||||||
|
if (Overlays.getOverlayAtPoint({x: event.x, y: event.y}) == toggleDecreaseVolumeButton) {
|
||||||
|
volume -= 0.2;
|
||||||
|
var volumeJSON = {
|
||||||
|
action: "changeVolume",
|
||||||
|
volume: volume
|
||||||
|
}
|
||||||
|
streamWindow.eventBridge.emitScriptEvent(JSON.stringify(volumeJSON));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Call function.
|
||||||
|
Controller.mousePressEvent.connect(mousePressEvent);
|
||||||
|
streamWindow.setVisible(false);
|
||||||
|
|
||||||
|
// Function to delete overlays upon exit.
|
||||||
|
function scriptEnding() {
|
||||||
|
Overlays.deleteOverlay(toggleStreamURLButton);
|
||||||
|
Overlays.deleteOverlay(toggleStreamPlayButton);
|
||||||
|
Overlays.deleteOverlay(toggleStreamStopButton);
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue