使用Mediaelementjs
,我已经成功实施了一个视频播放器,并且触发了一个end event
,它会立即弹出一个adobe的闪光录音机。在“网站隐私设置”面板中列出该网站,可通过浏览器直接访问麦克风和摄像头。
问题:
有没有办法在用户允许访问麦克风和摄像头后触发某些功能,比如开始录制视频?
在用户允许使用闪光灯访问麦克风和相机后,我们能否以某种方式立即录制视频。
答案 0 :(得分:4)
我的答案质量很差,因为多年前我对Flash失去了兴趣。最礼貌的方式:我的Flash技能很生疏。 (生锈,我的意思是Flash-8 ActionScript 2.0 / Flash CS4 ActionScript 2.0生锈级别)。是什么造成了真正的问题 - 我目前的计算机上没有Flash测试环境。因此,这将是一个盲目的建议。小心错误。
但是,从好的方面来说,我确实有集成Flash和Javascript的经验。从我看到的一些仍然是相关的。
我所知道的技术简短列表:
Javascript to Flash:
Flash提供的ExternalInterface对象允许在Flash内部执行Javascript方法 - 这可以开始动画或返回数据。 缺点:安全设置或插件的错误实现可能会禁止ExternalInterface。
document.getElementById('exampleMovie')。SetVariable(“someVariableName”,“some text”); - 将此作为消息系统使用 - 添加即将收听的Flash计时器 - 做了变种
Flash to Javascript:
Flash提供的ExternalInterface对象允许Flash执行Javascript函数。 缺点:安全设置或插件的错误实现可能会禁止ExternalInterface。
getUrl('javascript:someJavascriptFunction(“a”,“b”,true);'); 我不确定它是否因安全原因而被禁止,但是 它可以工作。主要缺点是它是一种单向互动。
我认为使用外部接口是实现交互的最合理方式。
是的,您可以使用单向交互2.和2.构建通信协议 - 我甚至可以想象系统......但这有点太不正常^ ^。 +我找不到有关'SetVariable'的浏览器支持的任何数据。 + Stackoverflow报告了firefox SetVariable is not working in Firefox
中SetVariable的奇怪行为以下是外部接口的官方文档: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/external/ExternalInterface.html
该页面有一个浏览器兼容性表。也许文档需要更新 - 在我看来没有谷歌浏览器的痕迹感觉很奇怪......
从概念上讲,您使用外部接口:
// HTML
// id must be equal to name here
// and shouldn't contain symbols . - + * / \
<object id="exampleFlash" name="exampleFlash" ... >
...
</object>
// Javascript:
document.getElementById('exampleFlash').methodExposedForJavascript('value')
// ActionScript in Flash:
import flash.external.ExternalInterface;
ExternalInterface.addCallback( "methodExposedForJavascript", someInternalFunction );
function someInternalFunction( msg ) {
// do something with msg - for example output it to existing txt field:
_root.txtExampleTxt.text = msg;
}
上的最后一个示例
简短说明如何编译这样的复杂示例:http://help.adobe.com/en_US/as3/dev/WS9b644acd4ebe5999-2734bf3c124372a52ff-8000.html
他们其实很简单。最常见的复杂性来自于它们以编程方式生成Flash的元素 - 比如
// all that this code does - is creating simple TextField in your movie
import flash.text.TextField;
package {
public class ABC extends Sprite
{
private var output:TextField;
public function ABC()
{
output = new TextField();
output.y = 25;
output.width = 450;
addChild(output);
}
}
}
这样做是为了使示例更容易表达 - 但这与'使用您的GUI在第一帧中创建名为输出的文本字段基本相同。
我会试着从那个例子中删除任何不需要的东西。 注意“receivedFromJavaScript” - 这是一个由Javascript触发的函数 - 你可以在里面添加反应。
Flash部分:
package {
import flash.display.Sprite;
import flash.events.*;
import flash.external.ExternalInterface;
import flash.text.TextField;
import flash.utils.Timer;
import flash.text.TextFieldType;
import flash.text.TextFieldAutoSize;
import flash.system.Security;
public class ExternalInterfaceExample extends Sprite
{
private var output:TextField;
public function ExternalInterfaceExample()
{
// constructor code
Security.allowDomain("*");
output = new TextField();
output.y = 25;
output.width = 450;
output.height = 325;
output.multiline = true;
output.wordWrap = true;
output.border = true;
output.text = "Initializing...\n";
addChild(output);
if (ExternalInterface.available) {
try {
output.appendText("Adding callback...\n");
ExternalInterface.addCallback("sendToActionScript", receivedFromJavaScript);
if (checkJavaScriptReady()) {
output.appendText("JavaScript is ready.\n");
} else {
output.appendText("JavaScript is not ready, creating timer.\n");
var readyTimer:Timer = new Timer(100, 0);
readyTimer.addEventListener(TimerEvent.TIMER, timerHandler);
readyTimer.start();
}
} catch (error:SecurityError) {
output.appendText("A SecurityError occurred: " + error.message + "\n");
} catch (error:Error) {
output.appendText("An Error occurred: " + error.message + "\n");
}
} else {
output.appendText("External interface is not available for this container.");
}
}
private function receivedFromJavaScript(value:String):void {
output.appendText("JavaScript says: " + value + "\n");
}
private function checkJavaScriptReady():Boolean {
var isReady:Boolean = ExternalInterface.call("isReady");
return isReady;
}
private function timerHandler(event:TimerEvent):void {
output.appendText("Checking JavaScript status...\n");
var isReady:Boolean = checkJavaScriptReady();
if (isReady) {
output.appendText("JavaScript is ready.\n");
output.appendText("ExternalInterface.objectID = " + ExternalInterface.objectID + "\n");
Timer(event.target).stop();
}
}
}
}
HTML:
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ExternalInterfaceExample</title>
<script>
var jsReady = false;
function isReady() {
return jsReady;
}
function pageInit() {
jsReady = true;
document.forms["form1"].output.value += "\n" + "JavaScript is ready.\n";
}
function sendToActionScript(value) {
document.getElementById("ExternalInterfaceExample").sendToActionScript(value);
}
</script>
</head>
<body onload="pageInit();">
<object id="ExternalInterfaceExample" name="ExternalInterfaceExample"
type="application/x-shockwave-flash" data="ExternalInterfaceExample.swf" width="550" height="400">
<param name="movie" value="ExternalInterfaceExample.swf"/>
<param name="quality" value="high"/>
<param name="allowscriptaccess" value="always"/>
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
</a>
</object>
<form name="form1" onsubmit="return false;">
<input type="text" name="input" value="" />
<input type="button" value="Send" onclick="sendToActionScript(this.form.input.value);" /><br />
<textarea cols="60" rows="20" name="output" readonly="true">Initializing...</textarea>
</form>
</body>
</html>