+++ /dev/null
-<html>
-
-<head>
-<link type="text/css" href="../css/timeside.css" rel="stylesheet" media="screen" />
-<link type="text/css" href="../skins/lab/style.css" rel="stylesheet" media="screen" />
-<style type="text/css">
-.ts-player { width: 360px; }
-</style>
-<!--
-<script type="text/javascript" src="../lib/firebug-lite-compressed.js"></script>
--->
-<script type="text/javascript">
-function get_globals() {
- var g = [];
- for (var v in window)
- g = g.concat([v]);
- return g;
-}
-function diff_array(a1, a2) {
- var diff = [];
- var i, ii = a2.length;
- for (i = 0; i < ii; i++) {
- if (a1.indexOf(a2[i]) == -1) {
- diff = diff.concat([a2[i]]);
- }
- }
- return diff;
-}
-
-function log_globals(label) {
- var g = get_globals();
- if (log_globals.cache && label && typeof console != 'undefined') {
- consolelog(label + ':');
- consolelog(diff_array(log_globals.cache, g));
- }
- log_globals.cache = g;
-}
-</script>
-<script>log_globals(false);</script>
-<script type="text/javascript" src="../lib/jquery.js"></script>
-<script type="text/javascript">
-jQuery.noConflict();
-jQuery(window).bind('load', function() {if (jQuery.browser.mozilla) jQuery('#Firebug').hide()});
-log_globals('jquery globals');
-</script>
-
-<!--
-<script type="text/javascript" src="jquery-ui.js"></script>
--->
-<script>log_globals('jquery ui globals');</script>
-<script type="text/javascript" src="../lib/wz_jsgraphics.js"></script>
-<script>log_globals('jsgraphics globals');</script>
-<script type="text/javascript" src="../lib/soundmanager2.js"></script>
-<script>log_globals('soundmanager globals');</script>
-<script type="text/javascript" src="../src/timeside.js"></script>
-
-<script type="text/javascript">
-var sound = null;
-var map;
-var provider = null;
-var player = null;
-
-function shiftSize(delta) {
- jQuery('#player').width(jQuery('#player').width() + delta);
- player.resize();
-}
-
-function fullSize() {
- jQuery('#player').css({width: 'auto'});
- player.resize();
-}
-
-TimeSide.debug(true);
-TimeSide.load(function() {
- map = new TimeSide.MarkerMap();
- provider = new TimeSide.SoundProvider({source: sound});
- player = new TimeSide.Player('#player', {
- image: 'waveform.png'
- });
- controller = new TimeSide.Controller({
- player: player,
- soundProvider: provider,
- map: map
- });
-
- jQuery('#skinner').get(0).className=jQuery('#skin').get(0).value; player.resize();
-});
-if (typeof soundManager != 'undefined') {
- soundManager.url = '../lib/';
- soundManager.flashVersion = 9;
- soundManager.consoleOnly = true;
- if (typeof console == 'undefined') {
- soundManager.debugMode = false;
- }
-
- soundManager.onload = function() {
- sound = soundManager.createSound({
- id: 'test',
- url: 'http://ns22997.ovh.net/tmp/crem.mp3'
- //autoLoad: true
- });
-
- if (provider) {
- provider.setSource(sound);
- } else {
- TimeSide.load(function () {
- provider.setSource(sound);
- });
- }
- }
-}
-
-</script>
-
-</head>
-
-<body>
-
-<h2>TimeSide Player</h2>
-
-<div id="skinner" class="">
- <div id="player" class="ts-player">
- </div>
-</div>
-
-<p>
-<!--
- <button onclick="setup()">Setup</button>
--->
- <button onclick="shiftSize(-10)">Smaller</button>
- <button onclick="shiftSize(10)">Bigger</button>
- <button onclick="fullSize()">Full size</button>
- <br />
- Skin:
- <select id="skin" onchange="jQuery('#skinner').get(0).className=this.value; player.resize(); ">
- <option selected value="">None</option>
- <option value="ts-skin-lab">Lab</option>
- </select>
-</p>
-</body>
-</html>
projects / telemeta.git / commitdiff
