.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']);
<VirtualHost *:80> ServerName xxx.yyy.com DocumentRoot /xxx/yyy/public <Directory '/xxx/yyy/public'> AllowOverride all Require all granted </Directory> </VirtualHost>
| Control + l | "=>"を補完 |
| ":" -> tab | ハッシュペアを補完 |
| "Hash" -> tab | Hash.new ... のスニペット補完 |
| "do" -> tab | do ... end を補完 |
| "{" -> tab | { ... } を補完 |
| control + "{" | "do ... end" と "{ ... }" の切替??(できなかった...) |
| Shift + Command + D | 対象ファイルを開く??(できなかった...) |
| Control + Shift + V | 文法のチェック |
| Control + Shift + E | その行を実行する |
| Command + R | そのファイルを実行する |
| Control + ":" | SymbolとStringの切替 |
| Control + H | ドキュメントを開く |
| "dow" -> tab | downto のスニペット補完 |
| "ste" -> tab | step のスニペット補完 |
| "tim" -> tab | times のスニペット補完 |
| "upt" -> tab | upto のスニペット補完 |
| "begin" -> tab | begin ... rescue ... end のスニペット補完 |
| "case" -> tab | case ... when ... end のスニペット補完 |
| "if" -> tab | if ... end のスニペット補完 |
| "ife" -> tab | if ... else ... end のスニペット補完 |
| "elsif" -> tab | elsif ... のスニペット補完 |
| "unless" -> tab | unless ... end のスニペット補完 |
| "while" -> tab | while ... end のスニペット補完 |
| "until" -> tab | until ... end のスニペット補完 |
| "def" -> tab | def ... end のスニペット補完 |
| メソッド名を入力 -> Shift + Enter | def メソッド名(args) ... end の形式に変換 |
| Command + Shift + "+" | 拡大 |
| Command + "-" | 縮小 |
| Option + Shift + Command + "↓" | 関連するModelやControllerに移動??(できなかった...) |