Product Updates Support for Safari 14 Yesterday, in a surprise move, Apple silently released desktop Safari 14 ahead of the macOS Big Sur release. Unfortunately, desktop Safari 14 removes Flash Player while at the same time it does not
Technology Camera and Microphone Access In Cross Origin Iframes With getUserMedia & Feature Policy If you’re trying to access the camera and microphone with getUserMedia() in a cross origin iframe on a recent version of Chrome, by default it will fail. We’ve encountered this situation
Product Updates New Feature: Screen Recording With System Sounds In Chrome When we 1st introduced standards compliant screen capture in the Pipe recorder, capturing system sounds was not supported by Chrome or Firefox. However, since the release of Chrome 74 back in April, capturing
Technology Camera and Microphone Access in macOS Mojave Previous macOS versions allowed you to control what apps can access your location, contacts, photos, calendar and reminders. macOS Mojave adds the ability to control what apps can access your camera and microphone.
Technology getUserMedia() Camera & Microphone Initialization Times After using the Permissions API to accurately measure how users interact with the camera & microhone permissions dialog we realised we could measure more. The Permissions API data allows us to filter those
Technology Using the Permissions API to Detect How Often Users Allow or Deny Camera Access 9 May update: we've updated the TTA & Permission API numbers to reflect the same 100k getUserMedia() calls dataset. The updated numbers result in the same conclusions. While building our new getUserMedia() Logs
Product Updates Screen Recording In Chrome and Firefox Without Extensions We've first introduced the screen recording functionality in Pipe more than a year ago. It only worked in Chrome and it required a self published Chrome extension for the website where Pipe was
Technology Standards Compliant Screen Capture in Chrome 72 Chrome 72 was rolled out yesterday with support for navigator.MediaDevices.getDisplayMedia() turned ON by default. You’re now able to capture and record/broadcast the screen of a user, a running app
Technology MediaStream Recorder API Now Available in Safari Technology Preview 73 On Jan 9, 2019 Safari Technology Preview 73 became available for download from webkit.org/downloads. In the release notes, under the WebRTC section, a new MediaRecorder change was mentioned. Implemented non-timeslice mode
Technology Standards Compliant Screen Capture in Chrome 70 With getDisplayMedia() (behind a flag) January 29th 2019 update: Chrome 72 was rolled out today with support for navigator.MediaDevices.getDisplayMedia() turned on by default. No need to change any flags. More details in the Chrome 72 blog
Record Audio In HTML5 Recording Audio in the Browser Using the MediaStream Recorder API This is the 4th post in our new recording audio in HTML5 series. We’ve previously covered how to record pcm audio using the JavaScript based Recorder.js, pcm, mp3 and Vorbis using
Record Audio In HTML5 Recording mp3 audio in HTML5 using vmsg - a WebAssembly library based on LAME This is the 3rd post in our new recording audio in HTML5 series. We’ve previously covered how to use Recorder.js to capture uncompressed pcm audio and WebAudioRecorder.js to capture pcm,
Record Audio In HTML5 Using WebAudioRecorder.js to Record MP3, Vorbis and WAV Audio on Your Website This is the 2nd post in our new recording audio in HTML5 series. In the 1st we’ve discussed Recorder.js. In this blog post, we’ll cover using WebAudioRecorder.js to record
Record Audio In HTML5 Using Recorder.js to capture WAV audio in HTML5 and upload it to your server or download locally This is the 1st post in our new recording audio in HTML5 series. Next, we’ll cover using WebAudioRecorder, vmsg, the opus-recorder and MediaRecording API. Matt Diamond‘s Recorder.js is a popular
Technology 10 Advanced Features In The HTML5 <video> Player We’ve covered the basics of adding a video to your web page using the <video> element and briefly listed the <video> element’s more advanced features in an
Product Updates The Amazon CloudFront CDN Shaved Off Up To 50% of Our Recorder Client Loading Time When user numbers start to grow, one can expect that they will start accessing your service from different geographical regions. Relying on servers located in just one particular region (Europe in our case)
Technology Common getUserMedia() Errors Once you get getUserMedia() working with audio and video constraints you immediately start hitting problems like: user has no webcam, just a microphone user has (accidentally) denied access to the webcam user plugs
Technology getUserMedia() Video Constraints WebRTC is constantly evolving and with it, it’s most known function getUserMedia(). With it you can get access to the device’s webcams and microphones and request a video stream, an audio
Technology Supported Audio Constraints in getUserMedia() The No.1 feature request we got this year is the ability to record audio instead of video so we set out to deliver just that, hopefully by the end of the year.
Technology Smarter Video Hosting & Delivery With Cloudinary When it comes to storing your (newly recorded) videos Amazon’s S3 is the obvious choice and it’s a great choice. But Cloudinary’s video platform is a lot more powerful when
Technology HEIF and HEVC in iOS 11: Quick Overview With iOS 11, Apple added an option to compress both photos and videos with a new, more efficient encoding called HEVC or High Efficiency Video Codec. It also introduced the HEIF file format
Technology Using The HTML < video > Element To Play Videos In Your Website We’ve come a long way since Flash was the de facto plugin for reliably playing videos across browsers. Today it’s as easy as adding 3 lines of HTML code: <video
Technology Why we chose WebRTC over Media Recorder API for HTML5 Video Recording This post will look back at our decision to use WebRTC over Media Recorder API for recording video from a browser. Read on for the technical details. By Q4 2016 Safari was the
Technology Troubleshooting WebRTC Connection Issues Failed WebRTC connections can be caused by restrictive networks behind symmetric NATs, port blocks and even protocol blocks at the application & transport layers. We will delve in the intricate process of establishing
Technology Correct Syntax for HTML Media Capture While researching HTML Media Capture for recording videos from mobile devices with the Pipe video recorder we’ve came across several possible syntaxes. This post explains where they originate from and which one
