ブラウザでJavaScriptを使用して、画像、ビデオ、およびオーディオをAirPlayサーバに送信する方法はありますか?Javascript:ブラウザのAirplay
3
A
答えて
3
JavaScriptでこれを実現することはできません。しかし、ブラウザからNPAPIプラグインを使用して実行することができます(大きな苦痛を伴う)。
ローカルサーバーを実行できる場合は、これをさらに簡単にするいくつかのnode.jsモジュールがあります。次の例では、近くのAirPlayデバイスに投稿されているオーディオファイルをストリーミングします。
あなたがでそれをテストすることができます(あなたが試すことができます5000:
curl -X POST --data-binary @sample.mp3 http://localhost:8080/audio
それはFFmpegのは/ usr/local/bin/ffmpegの中に配置されていることを前提とし、AirPlayのデバイスは、ローカルホスト上で利用可能であることエアフォイルスピーカー付)。
var airtunes = require('airtunes'),
express = require('express'),
app = express(),
device = airtunes.add('localhost'),
spawn = require('child_process').spawn;
app.post('/audio', function(req, res) {
// use ffmpeg to reencode data on the fly
var ffmpeg = spawn('/usr/local/bin/ffmpeg', [
'-i', 'pipe:0', // Read from stdin
'-f', 's16le', // PCM 16bits, little-endian
'-ar', '44100', // Sampling rate
'-ac', 2, // Stereo
'pipe:1' // Output to stdout
]);
// pipe data to AirTunes
ffmpeg.stdout.pipe(airtunes, { end: false });
// detect if ffmpeg was not spawned correctly
ffmpeg.stderr.setEncoding('utf8');
ffmpeg.stderr.on('data', function(data) {
if(/^execvp\(\)/.test(data)) {
console.log('failed to start ' + argv.ffmpeg);
process.exit(1);
}
});
req.pipe(ffmpeg.stdin);
req.on('end', function() {
res.end();
});
});
device.on('status', function(status) {
console.log('status: ' + status);
});
console.log('listening on port 8080');
app.listen(8080);
1
これは私が*それを疑う本当に*私のため
var xhr = new XMLHttpRequest(),
xhr_stop = new XMLHttpRequest(),
hostname = "apple-tv.local",
port =":7000",
position = "0";
xhr_stop.open("POST", "http://" + hostname + port + "/stop", true, "AirPlay", null);
xhr_stop.send(null);
xhr.open("POST", "http://" + hostname + port + "/play", true, "AirPlay", null);
xhr.setRequestHeader("Content-Type", "text/parameters");
xhr.send("Content-Location: " + url + "\nStart-Position: " + position + "\n");
// set timer to prevent playback from aborting
xhr.addEventListener("load", function() {
var timer = setInterval(function() {
var xhr = new XMLHttpRequest(),
// 0 something wrong; 2 ready to play; >2 playing
playback_info_keys_count = 0,
terminate_loop, playback_started;
xhr.open("GET", "http://" + hostname + port + "/playback-info", true, "AirPlay", null);
xhr.addEventListener("load", function() {
playback_info_keys_count = xhr.responseXML.getElementsByTagName("key").length;
console.log("playback: " + playback_started + "; keys: " + playback_info_keys_count)
// if we're getting some actual playback info
if (!playback_started && playback_info_keys_count > 2) {
playback_started = true;
console.log("setting playback_started = true")
terminate_loop = false;
}
// playback terminated
if (terminate_loop && playback_info_keys_count <= 2) {
console.log("stopping loop & setting playback_started = false")
clearInterval(timer);
var xhr_stop = new XMLHttpRequest();
xhr_stop.open("POST", "http://" + hostname + port + "/stop", true, "AirPlay", null);
xhr_stop.send(null);
playback_started = false;
}
// playback stopped, AppleTV is "readyToPlay"
if (playback_started && playback_info_keys_count == 2) {
console.log("sending /stop signal, setting playback_started = false")
var xhr_stop = new XMLHttpRequest();
xhr_stop.open("POST", "http://" + hostname + port + "/stop", true, "AirPlay", null);
xhr_stop.send(null);
playback_started = false;
terminate_loop = true;
}
}, false);
xhr.addEventListener("error", function() {
clearInterval(timer);
}, false);
xhr.send(null);
}, 5000);
}, false);
関連する問題
- 1. AirPlayミラーリングプロトコルのデコード
- 2. マイクとAirplay
- 3. iOS Airplay viewcontroller data sychronisation
- 4. AirPlay iPhoneをMac OSにミラーリングする/ UIWebView + AirPlayを使用
- 5. iOS 5のブロックAirPlayミラーリング
- 6. javascriptのブラウザ履歴
- 7. のブラウザでJavaScriptコンソール
- 8. JavaScript/Webブラウザのスレッドモデル
- 9. iOS5のAirPlay機能について
- 10. JavaScriptのブラウザの認識
- 11. javascriptブラウザのサイズ変更
- 12. MVC 3と "Javascript-Disabled"のブラウザ
- 13. Javascript:エスケープキー=ブラウザの戻るボタン
- 14. ブラウザの検出がjavascript
- 15. ブラウザのリソースキャッシュ(画像、JavaScript、CSS)
- 16. Androidブラウザのキャッシュとjavascript
- 17. MPMoviePlayerControllerでAirPlayを無効にする
- 18. AirPlayミラーリング(MacからApple TVへ)
- 19. ブラウザでブラウザのサイズを変更するJavaScriptのブラウザウィンドウを
- 20. ブラウザでJavascriptエディタと実行
- 21. ソケットサーバはJavascriptで(ブラウザで)?
- 22. JavaScript:ブラウザでウィンドウを開く
- 23. WP7.1のアプリ内ブラウザでのJavascriptリダイレクト
- 24. Javascript Regexブラウザでの改行の置換
- 25. Android 2.2ブラウザのJavascript無効な日付
- 26. JavaScriptでブラウザのブックマークを取得
- 27. ブラウザの識別番号はjavascript
- 28. Jeremiah Grossmanブラウザの履歴JavaScriptスクリプト
- 29. node.jsとブラウザjavascriptの共通モジュール
- 30. ブラウザからのスナップショット(フラッシュまたはjavascript)
作品。 – Blender
[RAOP](http://en.wikipedia.org/wiki/Remote_Audio_Output_Protocol)*はリバースエンジニアリングされていますが、プロトコルはHTML/JSのみでは実現不可能です。おそらく、いくつかのネイティブヘルパー(例えば、ローカルサーバ)で。 – ephemient