.progress-bar {
... 略 ...
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
}
とあり
.progress-bar {
-webkit-transition: width 0s ease;
transition: width 0s ease;
}
のように、適当な場所でオーバーライドすれば変更出来ました。0にすると即時に移動する感じになりました。
SC.stream('/tracks/293', {
autoPlay: true,
onload: function() {
console.log(this.duration);
},
whileplaying: function() {
console.log(this.position);
}
});
autoPlayは、その名の通り自動再生フラグです。上記のソースをそのまま書いてしまうと、完全に自動で再生されてしまいます。再生ボタン押下イベントのコールバック等にすると良いと思います。<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SoundCloud TEST</title>
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="http://connect.soundcloud.com/sdk.js"></script>
</head>
<body>
<button id="play">再生</button>
<button id="pause">一時停止</button>
<button id="stop">停止</button>
<button id="duration">総再生時間をコンソールに出力</button>
<button id="position">現在の再生時間をコンソールに出力</button>
<script>
// 初期化
SC.initialize({client_id: 'xxxxxxxxxx'});
// ストリーミングオブジェクト(?)
var s = null;
SC.stream('/tracks/293', function(sound){
s = sound;
});
// 再生
$('#play').click(function() {
s.play();
});
// 一時停止
$('#pause').click(function() {
s.pause();
});
// 停止
$('#stop').click(function() {
s.stop();
});
// 総再生時間をコンソールに出力
$('#duration').click(function() {
console.log(s.duration);
});
// 現在の再生時間をコンソールに出力
$('#position').click(function() {
console.log(s.position);
});
</script>
</body>
</html>
上記サンプルのポイントは
// ReflectionClassでプロパティをpublicにして取得する
function getProperty($object, $propertyName)
{
$reflection = new ReflectionClass($object);
$property = $reflection->getProperty($propertyName);
$property->setAccessible(true);
return $property->getValue($object);
}
// ReflectionClassでメソッドをpublicにして取得する
function getMethod($object, $methodName)
{
$reflection = new ReflectionClass($object);
$method = $reflection->getMethod($methodName);
$method->setAccessible(true);
return $method;
}
// publicではないプロパティとメソッドを持つクラス
class Foo
{
private $bar = 'BAR';
private function baz($arg)
{
return strtoupper($arg);
}
}
// インスタンス
$foo = new Foo;
// エラーになります
// Fatal error: Cannot access private property Foo::$bar ...
echo $foo->bar;
// エラーになります
// Fatal error: Call to private method Foo::baz() ...
echo $foo->baz('test');
// 'BAR'と表示されます
echo getProperty($foo, 'bar');
// 'TEST'と表示されます
echo getMethod($foo, 'baz')->invokeArgs($foo, ['test']);