Ziggeo, WebRTC Could not read video file - javascript

I am implementing application which should support async video recording, and I started just exploring Ziggeo, cool thing is that it supports WebRTC and I wanted to use this. Below is the quick start application. Everything works fine on Chrome and FF but on Opera I get the following error Could not read video file with status code 412, any ideas what might cause this error?
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//assets-cdn.ziggeo.com/v1-stable/ziggeo.css" />
</head>
<body>
<button onclick="startVideoRecording()">Start video</button>
<div id="video">
</div>
<script src="//assets-cdn.ziggeo.com/v1-stable/ziggeo.js"></script>
<script>ZiggeoApi.token = "MY-TOKEN-IS-HERE";</script>
<script>ZiggeoApi.Config.cdn = true;</script>
<script>ZiggeoApi.Config.webrtc = true;</script>
<script>
function startVideoRecording() {
console.log('recording');
recorder = ZiggeoApi.Embed.embed('#video', {
limit: 15,
width: 770,
height: 557,
});
}
</script>
</body>
</html>

This is resolved in the latest release of the JS SDK on Ziggeo - that is "v1-r10"
To use it, you can simply change the header in your code to call the same as so:
<link rel="stylesheet" href="//assets-cdn.ziggeo.com/v1-r10/ziggeo.css" />
<script src="//assets-cdn.ziggeo.com/v1-r10/ziggeo.js"></script>
UPDATE (May 2016)
Updating this post to reflect the fact that v1-r10 is currently the stable version, so it is better if stable version is called instead of a specific version (as you will get all the latest stable versions including their upgrades and fixes).
This is done using the following code:
<link rel="stylesheet" href="//assets-cdn.ziggeo.com/v1-stable/ziggeo.css" />
<script src="//assets-cdn.ziggeo.com/v1-stable/ziggeo.js"></script>

Related

Desktop Notification Not Working in Converse.js 5.0.1

I am setting up a server, the server is a Centos 7 + Apache machine, I downloaded converse.js and called "css" and "js" through the CDN provided by them, where i just did the Download and put inside my folders ( css , js ) but I am trying to use the notification, because sometimes I need to be notified of new messages when I have Browser minimized for example.
I tried using the documentation to put the following option inside Initialize: show_desktop_notifications: true, but it didn't work .
<html class="no-js" lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Chat.Kmk</title>
<noscript><p><img src="//stats.opkode.com/piwik.php?idsite=5" style="border:0;" alt="" /></p></noscript>
<link type="text/css" rel="stylesheet" href="css/converse.min.css" />
<script src="js/libsignal-protocol.min.js"></script>
<script src="js/converse.min.js"></script>
</head>
<body class="converse-fullscreen">
<div id="conversejs-bg"></div>
<script>
converse.initialize({
authentication: 'login',
auto_away: 300,
auto_reconnect: true,
bosh_service_url: 'http://chat.xxx.xxx:7070/http-bind/', // Please use this connection manager only for testing purposes
message_archiving: 'always',
view_mode: 'fullscreen',
allow_contact_removal:false,
allow_contact_requests:false,
show_chat_state_notifications:true,
show_desktop_notifications:true,
show_chat_state_notifications:'online',
notify_all_room_messages:true
});
</script>
</body>
</html>
I minimized the browser, opened another one, sent a message, but no notifications were displayed.
i had this problem too, but in my case the notification worked on some outdated mozilla browsers, i believe chrome only allow if the source is HTTPS, today i can get notification of converse.js in chrome after placing a certificate SSL on Apache.
Thanks.

Google SWIFFY not working in IE9 - Script Error 'runtime.js'

I converted my SWF to HTML5 using Google's SWIFFY. THis works fine on FF and other Browsers, however I get an Error in IE9. Weird, cause the Google release page says it supports IE9.
Is there a way of getting around this?
I was thinking of doing a fallback to SWF Flash Player for IE Only. Also not sure how to do this. If anyone can help me to solve this problem that would be great.
Much Appreciated!!!
Here's the Code from the HTML5 File (Standard to all other SWIFFY HTML Files):
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Swiffy output</title>
<script src="https://www.gstatic.com/swiffy/v5.3/runtime.js"></script>
<script>
swiffyobject = {"internedStrings": [
"::::::::","::::::6Y:","::::::7E:","::::::9S:","RrRrRr::","::::::5H:","::::::8B:",
"::::::1Q:","::::::8L:","::::::2N:","::::::8V:","::::::4K:","DdDdDd::",
"5C5c5C5c5C5c::","::::::0J................................
</script>
<style>html, body {width: 100%; height: 100%}</style>
</head>
<body style="margin: 0; overflow: hidden">
<div id="swiffycontainer" style="width: 711px; height: 661px">
</div>
<script>
var stage = new swiffy.Stage(document.getElementById('swiffycontainer'),
swiffyobject);
stage.start();
</script>
</body>
</html>
Google's docs actually currently claim that support is only IE10+.
To use a flash fallback I would simply use IE conditional comments. Only include the swiffy javascript if the browser is IE10+ (<!--[if gt IE 9]><!--> ... <!--<![endif]-->), and fallback to embedding the SWF files directly by wrapping their HTML in <!--[if lte IE 9]> ... <![endif]-->.

JavaScript runtime error: '$' is undefined

So classic problem, but having a horrible time on finding the actual cause. Typically when I see this error it's because the jQuery reference is after code requiring it, or back jQuery link, or jQuery conflict, etc... so far none of those appear to be the case. Unfortunately seeking out the solution to this problem has lead me to post after post of such cases. I'm sure my problem here is equally as simple, but over an hour of hunting, still no luck...
Edit: Additional information...
The solution file (which I've recreated multiple times trying to figure this out. Is a JavaScript Windows Store Blank App template and I'm doing this in Visual studio. The only references files is Windows Library for javascript 1.0, I have tried deleting this to test as well.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>HTML5 Canvas Template</title>
<style>
/* styles here */
</style>
</head>
<body>
<canvas id="myCanvas" width="500" height="500">
<p>Canvas not supported.</p>
</canvas>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var canvas = $("#myCanvas").get(0);
var context = canvas.getContext("2d");
function renderContent()
{
// we'll do our drawing here...
}
renderContent();
});
</script>
</body>
</html>
It's states that JQuery referred URL is not correct
Try this:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
I tried everything listed above and nothing seems to work until I put this string
<script src="../scripts/jquery-2.2.3.min.js" type="text/javascript"></script>
in the head section of the HTML file. So here's how it looks:
<!DOCTYPE html>
<html>
<head>
<!-- jQuery Reference -->
<script src="../scripts/jquery-2.2.3.min.js" type="text/javascript"></script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<title>some title</title>
</head>
<body>
...
And the js file is located at a level below in the folder 'scripts'.
Finally, the error is gone and what a relief!
In my case, the problem was that I was rendering my page over https but I was trying to request the JQuery file over http, which is blocked by many browsers for security reasons.
My fix was to change this...
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
...to this...
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
This causes the browser to download JQuery using the same protocol (http or https) as the page being rendered.
Some of my clients had this problem, because apparently they blocked loading Javascript from 3rd party sites. So now I always use the following code to include jQuery:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
window.jQuery ||
document.write('<script type="text/javascript" src="/js/jquery-1.9.1.min.js">\x3C/script>')
</script>
This makes sure, that even if my client blocks loading the Javascript file from the CDN domain, the client still downloads the file from my own server, which is not blocked by the browser.
Anover variant, in my case - I was forced to use proxy. So - IE11--> InternetOptions --> Connections-->LANSettings-Proxy Server--> UseProxyServer - should be checked.
Also check awailability of jQUery script source, my worked variant in VS2012 - -just like in top example
I was getting this same error code:
(Error: 'generateText' is undefined)
...on the code
var bodyText=["The....now."]
I discovered on my text-editor(Notepad++), when typing many lines of text in the directly above the variable bodyText, if I didn't hit return carriage (enter==>WordWrap is off) just kept typing w/o return carriage and let the editor adjust text it worked?
Must be in the settings of Notepad++??

HTML5/javascript error

If I run the below code as regular html5 code in the browser, Its works fine. I want the same result using android. I am getting the following error:
12-08 12:56:26.546: ERROR/Web Console(703): TypeError: Result of
expression 'service.useService' [undefined] is not a function. at
file:///android_asset/www/index.html:12
<!DOCTYPE HTML>
<html>
<head>
<title>Hello World</title>
<script language="JavaScript">
var iCallID;
function InitializeService()
{
service.useService("http://10.15.1.205/HelloService/Service.asmx?wsdl", "HelloWorldService");
service.HelloWorldService.callService("HelloWorld");
}
function ShowResult()
{
document.write(event.result.value);
}
</script>
</head>
<body onload="InitializeService()" id="service" style="behavior:url(webservice.htc)" onresult="ShowResult()">
</body>
</html>
This isnt a problem with HTML5 this is a Internet Explorer only CSS attribute -> http://msdn.microsoft.com/en-us/library/ms530723(v=vs.85).aspx
Cannot find it in any official HTML5 / CSS3 documentation ...
So unless your Android device runs Internet Explorer you need to find an alternative

Can someone explain this JS code and error to me? Why does it fail?

I am trying to access a public-facing site (not one that I developed but is being used as a reference site) and it does not load in IE8 (which is our corporate standard browser). It loads fine in Chrome (not all users have it). The error I receive is "res://ieframe.dll/acr_error.htm...". Do I have to configure IE8 in some way to render this? Any and all assistance to better troubleshoot this would be greatly appreciated.
I looked at the source via "View source" and I see the following towards the top:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
<link rel="stylesheet" type="text/css" href="/css/mobile.css" />
<link rel="stylesheet" type="text/css" href="/css/main.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/js/plugins/jquery.scroll.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).bind("mobileinit", function(){
$.extend( $.mobile , {
ajaxFormsEnabled : false,
ajaxLinksEnabled : false
});
});
</script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
Does the above code snippet suffice to assist with some advice or is the whole HTML document needed?
I think you need to start by wrapping that in a
$(document).ready(function{
});
segment, otherwise you may run into all sorts of trouble.
unfortunately your question is too vague to get you a reliable answer, however a quick google search landed me on this:
http://answers.microsoft.com/en-us/ie/forum/ie8-windows_other/resieframedll-error-in-ie-8/7f657540-474f-4587-b661-c3ffbb1aed06
So I am suspecting it's a problem with your installation of ie8. If not please supply more info :)
I doubt jQuery Mobile has much support for IE8. It's built with mobile browsers in mind so the main rendering engines would be Webkit(Chrome) and Gecko(Fx). It's that simple.
JQuery mobile is supported by IE 8 if it is the correct version, but this line here may be the error:
<script type="text/javascript" charset="utf-8">
$(document).bind("mobileinit", function(){
$.extend( $.mobile , {
ajaxFormsEnabled : false,
ajaxLinksEnabled : false
});
});
</script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
You are calling something with mobile before your mobile script is imported. You need to first import your mobile script, then do a document.ready() call a Javascript function at the VERY END of you html page that will run all init functions.
This is one of the few calls you want to run before loading JQuery Mobile
//run this script after jQuery loads, but before jQuery Mobile loads, and may help solve your issue
//customize jQuery Mobile to let IE7+ in (Mobile IE)
$(document).bind("mobileinit", function(){
$.extend( $.mobile , {
//extend gradeA qualifier to include IE7+
gradeA: function(){
//IE version check by James Padolsey, modified by jdalton - from http://gist.github.com/527683
var ie = (function() {
var v = 3, div = document.createElement('div'), a = div.all || [];
while (div.innerHTML = '<!--[if gt IE '+(++v)+']><br><![endif]-->', a[0]);
return v > 4 ? v : !v;
}());
//must either support media queries or be IE7+
return $.support.mediaquery || (ie && ie >= 7);
}
});
});

Categories

Resources