Safari: Video is not playing from aws or heroku both - django

I have developed a django-framework websites, in that video is playing in Chrome, Firefox, IE but I am facing problem with playing video on safari mac.
Video is uploaded on aws ec2 ubuntu machine.
<video id="video" muted controls class="col p-0" poster="http://54.197.43.10/static/images/bg/poster.png" preload="auto">
<source src="http://54.197.43.10/media/video/cds_1nTIdN6.mp4" type="video/mp4">
<source src="http://54.197.43.10/media/video/cds_1nTIdN6.ogg" type="video/ogg; codecs=theora, vorbis">
<source src="http://54.197.43.10/media/video/cds_1nTIdN6.webm" type="video/webm; codecs=vp8, vorbis">
</video>
Is there anything which block server videos on safari ??

Firstly, this is not an answer to the root cause, but it may help you nonetheless.
If you look at the console you will see that you get an error if you play one of the videos in your extract above directly - i.e. put the URL of your mp4 video into the navigation bar of the browser:
However, downloading the video directly from the desktop allows it playback without any error, implying that Safari and Quicktime has no problem with the format itself.
This is an issue that has been reported before and that I personally have not seen a convincing explanation of a root cause for. See some example discussion linked in this answer:
https://stackoverflow.com/a/32998689/334402
The issue seems to be particular to some servers, and/or possibly some networks.
To verify this, taking the same video file and serving it from a server using a very simple static node http server (https://www.npmjs.com/package/http-server), again results in the video playing back without issue.
Similarly, if you load the same video into an AWS S3 bucket and server it from there it plays without issue on the same safari browser (just verified this).
So, the root issue appears to be some very specific interaction between the server and the browser - you should find the simple server example above will correctly serve the file, and you may find playing with the configuration of your own server will also help.

Related

Custom functionality working in Firefox but not in Chrome

I have an oracle apex application, version 18.2 and in it I have many custom functionalities including ones for custom file saving and video and audio preview. Recently we have gotten word that some of the functionalities do not work properly and after further review have discovered that it is to do with the browser. Using Firefox everything works properly, but using Chrome or even Safari, some things don't work.
The problems we have is with downloading files and with previewing video and audio. The file downloading and preview is handled by blueimp jquery file upload and processing plugins and a node.js server on the backend because our files are stored outside the database.
The problems we are facing is that preview doesent work on chrome, it works just fine on firefox, but on chrome, the popup to play the file shows up but the file appears to be 0 seconds long and thus does not play.
Another problem we are facing is downloading the files, when we enabled https and got a certificate and all that, if I connect via ssh and access the site through localhost, everything works. But if I access the site through the domain or ip, and not through localhost, then left clicking the file link downloads an empty file, as in the file exists, but its 0KB. Right clicking and opening in a new tab or new window downloads the file properly. And this problem is again only in Chrome, and apparently Safari.
This problem is above me, I have tried again and again to understand what the hell is going on, but I am utterly lost. So any help would be great, thank you.

GoCoder SDK - not creating the stream file

I have an iPhone app which users can broadcast their camera to other users.
I have a self hosted Wowza Streaming Engine server.
I'm using GoCoder SDK and have couple of issues or maybe things that I did not understand:
I configure the connection parameters with a new generated StreamName but my expectation is that the SDK will create the streamFile in Wowza stream files, but it does not. It says that everything is ok but when I go to Wowza StreamFile nothing is in there.
If I create manually the stream file with the stream uri in advance than I can see the phone camera stemming, but I just don't get it how can I manage different users streaming if I need to create the stream files in advanced?
I was able to connect the streamFile I created in advanced with stream uri "wowz://host:port" to the live application but not to the webrtc application which I need it to present in my web site. Is there any limitation here?
I tried hard to find in Wowza docs some explanations on how things should works but with no success :-(

heroku django Amazon S3. video recording and playing

everybody!
I have django app running on heroku server. I attached amazon S3 storage to it.
I want to allow users record webcam videos, then upload them (to S3 ultimately) and then other users to play them.
What is the easiest way to do that?
I have alteady spent more than 20 hours on research around this topic but I still have no idea.
People usualy uses some streaming servers like RED5 + flash players + something + something.. But it seems to be very compicated and is not appropriate for heroku as I understood...
I would appreciate any help!
The solution that most people go with is to use a flash applet to record into memory, and then bulk upload it at the end. Nimbb seems to be the one most people go with.
Alternatively, Youtube has a pretty neat API for doing recording and uploading to their servers entirely from within your site.
The YouTube Upload Widget lets your website's visitors perform both webcam and file uploads to YouTube. The support for webcam uploads sets the upload widget apart from the other uploading options that the YouTube API supports. The widget uses HTML5's postMessage support to send messages back to your website regarding videos uploaded via the widget.

programmatically get ics file from icloud?

I've been running a process for a client that involves grabbing their publicly available calendar file from me.com by making an https GET call in a ruby script, and then converting the data in the .ics file to html, then copying it to their website.
They recently upgraded to Lion and iCloud, and it appears that, while the calendar I want is still publicly available, it's only usable by webCal enabled apps--I can no longer get it over https.
I've poked around a bit on google, but haven't see anything that points me in the right direction yet. Does anyone know if there's a way to access public calendars on iCloud via http/https? Or is it strictly via webcCl? The documentation does make it sound like iCloud is designed to only share data among Apple devices. Am I just stuck here?
I'm surprised no one has answered this yet...
If you go to iCloud.com, you should be able to get the URL of the calendar that you have syncing using a public share. It should be a webcal protocol (webcal://). However, if you change that webcal to https, it will download the ics format instead of trying to sync using Macs iCalendar.
I have my website linking to the https ics file, and it appears to be working just fine (for now at least).
icloud is gona supply an API for developers soon at least thats what they sayed in the last keynote

CSS Content Not Downloading in Only Google Chrome

This is currently a problem with a development environment that I'm running, which is Django's built in 'development server' (the one started with python manage.py runserver) running on my local machine. On my deployment machine which runs FCGI this is not a problem.
CSS files fail to download in Chrome but successfully download+render in Firefox. Both browsers get 200 OK responses from the server, but for whatever reason Chrome doesn't seem to be sent/receive the content of the files.
I can use either browser to navigate to the URL of the CSS file itself and view the document just fine.
It's probably best explained with screenshots...
In Chrome
Chrome Network Page
Everything up top looks like it downloads just fine. But note at the bottom Chrome reports "Failed to load resource" for all the CSS files.
Chrome CSS Headers
Everything looks OK in the CSS headers...
Chrome CSS Content
Except the content is empty...
In Firefox
Firefox CSS Headers
Everything looks good (note that the 'content-length' header is identical to Chrome)
Firefox CSS Content
And there's the content!
What gives? What could possibly be causing the content to fail to load?!
EDIT: I'm still pulling my hair out over this one. This only happens in Chrome. I've restarted/updated/cleared my cache a million times--I'm at a complete loss.
It's simple enough to avoid--just use a different browser to view the page--but why is it happening?!?!
Time to upgrade your chrome, or to move to stable channel, if you are using the distribution repository archives.
I once faced a similar issue and followed the same course.
If you have an ad blocker or tracker blocker chrome extension installed, such as Ghostry; it can block some legitimate files. I have run into this problem. To fix it I added an exception for the problem site.