Audio Level for the web

What audio level does one set for video files to be viewed on a web page? (specifically Flash)
I realise there is probably no "Standard" for this but what process/levels have others used.

Firstly - I have followed Andrews advice and peaked to just under 0db. (This is what I would do for a DVD export as well since I am not coping with Broadcast reference levels.) Thanx Andrew (I dont usually do web work so needed some tech reasurance)
Heres the go.
No the site I linked to is not my work but I am doing exactly the same for that same client (and a different product range). Just a litle more interactive. User will click on a Q and A and the subjects will answer.
The client is not only concerned about technical details (which they leave to me), they are also concerned about the aesthetics and design. They did not want a player visible at all.
The design for all their work is covered by a "style book" so we all follow that for all work. Basically it is "clean/fresh".
The idea of a clean screen without the player visible fits this concept and it is cool and fun. Suits the target audience. Teens/ youth.
I deliver flv with alpha (and swf) to the web guys who bolt it into the page and to the Q/A links.
I shot green screen then keyed the characters. I then composited the two characters beside each other for a large number of clips. The characters give the impresion of interacting with each other. Heads turn to each other at various times. Some of the clips are looped but all needed registration to avoid "shifts". Time consuming but great little project
The movie can be stopped by simply clicking another Q/A link or other stuff on the page. If this is done the characters simply stay on screen in their "Iddle/Wait" state. They do not dissapear of the screen. This maintains the look and design.

Similar Messages

HD video compressed for the web

I was doing some testing trying to figure out the best way to compress the HD video I get from the Sony XDCAM HD for the web (streaming). I shoot in HD (1080/30P) because it's needed for our videos. The web streaming is secondary.
I would prefer to make the web videos .flv because it works best and most easily cross-platform. In the real world, the majority of users have Windows PCs, which made me hesitant to use h.264 (.m4v) because it probably would require the average user to download things they may not wan to. Nonetheless, it has to be viewable on all computers in all browers.
So, I took three 10 second clips of steady camera video with audio from the camera that I used in all tests. I will refer to them by clip number...
Clip 1: 30P 16:9 High quality, 10sec=45mb
Clip 2: 30P 16:9 Low Quality, 10sec=24mb
Clip 3: 60i 16:9 High Quality, 10sec=45mb
First I tested making FLV is Adobe CS3 Encoder using the High Quality (700) setting.
Test 1 used size 848x480 (16:9)
Clip 1: 1.3mb
Clip 2: 1.1mb
Clip 3: 1.2mb
Comments: Looked very crisp, audio was clean, slightly darker image than original on default settings
Test 2 used size 480x270 (16:9)
Clip 1: 1.2mb
Clip 2: 1.1mb
Clip 3: 1.1mb
Comments: Looked very crisp, audio was clean, slightly darker image than original on default settings
Next, I tested making .m4v using the h.264 iPod settings in Compressor.
Test 1 used size 640x370.
Clip 1: 240kb
Clip 2: 1440kb
Clip 3: 204kb
Comments: Image wasn't quite as clean as the Flash files, but still good. Much lighter/brighter than the Flash files also. Low Quality HD video had high file size... why? I don't know, but I don't shoot on LQ for things anyway.
Test 2 used size 320x180.
Clip 1: 160kb
Clip 2: 865kb
Clip 3: 865kb
Comments: Image wasn't quite as clean as the Flash files, but still good. Much lighter/brighter than the Flash files also. Low Quality HD video had high file size... also the 60i file...why? I don't know.
In conclusion, I'm lucky that I shoot 30P since it worked well in all areas. The h264 codec provides a much smaller file size than Flash, with a good image. Amazing considering we started with a 45MB clip. What are the standards for aspect ratios for putting 16:9 video on the web? I haven't heard much set in stone like you have for 4:3 video. Nonetheless, the 640x360 or 480x270 seem to be a nice size for most uses.
I have heard that in Flash 9 you can chance the m4v extension to flv and it will work. IF that is true, that would be great because now my concern is that a base Windows PC cannot play these .m4v images without plugins/codecs. I suppose right now its a tradeoff between smaller file size/less compatibility with h264 or larger file size, great compatibility with Flash.
Any comments or suggestions to help out would be great. I typed this fast so forgive me if I left out any important info.

Hi APPLE27:
One comment from your post that immediately caught my attention was this, "Nonetheless, it has to be viewable on all computers in all browsers."
Unfortunately, it is unrealistic to expect one digital video file to be viewable on "all computers in all browsers" as there are simply too may variations in both hardware and software.
A common approach when offering digital video is to provide two formats to choose from and then within each of those two formats a few versions of the video for different bandwidths.
For example, a web site might offer Video for Windows and QuickTime. For each of these, there would be a low bandwidth Video for Windows file and QuickTime file and a high bandwidth Video for Windows file and QuickTime file (four files total). Of course, there's also Flash Video, Real Video, MPEG1, and so on.
For better or worse, YouTube.com has allowed video content creators the realistic expectation of creating a digital video file that is viewable on "most computers". But, the video is unavoidably tied to that web site.
When it comes to online distribution of video, it's still very open ended.
Also, computers are not all that's out there. Mobile devices are a huge market and you'd be hard pressed to create a single digital video file that will play on all mobile devices (iPhone, iPod Touch, Palm Treo, Sony PSP, etc.) either from local storage or from a mobile browser.
QuickTime offers a solution for creating a referencing movie - one file that links to other digital video files, but it too is imperfect at best when it comes to reaching the broadest audience possible.
With my few comments here, I'm just scratching the surface. But, it all starts where you are right now: caring about the image quality when exporting from your edited master.
-Warren

Exporting FCP 16:9 to QT for the web in 16:9?

Hello everyone,
I recently began doing my projects in 16:9 mode. I shoot them with my GL2's in 16:9, then capture to FCP as usual. FCP then automatically recognizes the 16:9 footage and adjusts everything perfectly for me. I figured out how to get the footage to DVDSP by 'forcing letterbox'. This plays the true 16:9 footage on a widescreen TV perfectly.
Now, I've come to another bridge that I can't seem to cross... that is... exporting the video to QT for the web in 16:9. I did a lot of searching here and all of the topics related to this did not help me at all. So, what I'm going to do is explain what I used to do when I shot in 4:3 mode:
1. In FCP... File>Export>QT Conversion
2. Format: QT Movie> Options
3. Settings> Sorenson Video 3
4. Frame Rate>15
5. Key Frames: Every 150 frames
6. Compressor> Medium
7. Data Rate: Automatic
8. OK
9. Sound>Settings>Mpeg-4 Audio, 16bit, Stereo
10. OK
11. Prepare for Internet Streaming> Fast Start
12. OK
13. SAVE
This usually turns a full sized 5 minute clip into a nice little presentation for the web no larger than 35 or so MB's. You can see a boat load of files like that on my website at (www.buerhausdesign.com).
Now, what I want to do is get a similar sized video for the web, only in 16:9 as I'm now shooting and editing in 16:9.
Does anyone have step-by-step instructions on how to do this? I know it's possible as I see movie trailors in 16:9 all the time in QT.
Any help would be appreciated:)
Matt

Nope, tried all of that. It stretches the image way beyond 16:9. Currently, if I export as a 4:3 file, the widescreen displays correctly, but I get two black bars at the top and bottom of the frame. Manually sizing to a 16:9 size, to say 720x404, stretches everything... including the unwanted black bars.
When I export to DVDSP, the black bars go away when I 'force letterbox'. There's gotta be a way to get it to work in QT.

Exporting widescreen anamorphic video for the web

I have a project in fce which is filmed in widescreen anamorphic at 720, 576 the setup in fce is dv-pal anamorphic and anamorphic is checked in item properties. When I export using quicktime using h.264 encoder it shows at as widescreen in the preview but when I open it after export it is squashed. I know that is because it is anamorphic but how can i export for the web and get the correct image? If I was doing full scale I could just change the resolution from 720 to 1024 but what if I want to do lower resoultion is there a better way? Thanks.

WMA is Windows Media Audio. I think what you meant is WMV (Windows Media Video). To export to that format on a Mac you'll need Flip4ac, available from www.flip4mac.com Once you've installed it, it adds the WMV and WMA export option to QT and other apps such as Sorenson Squeeze.
-DH

Oracle Help for the Web 2.0 Production

Oracle Help for the Web 2.0 is now available on OTN Downloads.
Oracle Help for the Web (OHW) 2.0 is a major update to the previous releases OHW 1.1x and OHW 1.0.x, and is designed and recommended to replace both.
Some of the new features in 2.0 include the following:
Support for Bookmarking Navigator Pages
OHW 2.0 no longer uses frames to store navigational state on the webpage. Each navigator stores its complete state on the URL, allowing each page to be bookmarked. This includes TOC locations, keyword locations, and search runs. In the view topic page, the frame information is also saved, allowing a user to forward the link via email, etc to the displayed topic. In addition, if you navigate to a named anchor within a topic page, this page position is also saved and is bookmarkable.
Multiple Locale Support in a Single Instance
OHW 2.0 can now support multiple locales in the same servlet instance. After you register the helpsets in the OHW configuration file, the OHW servlet will automatically determine the best locale to use for a user request (based on browser settings and what locales are available), and display the localized helpset (along with a localized OHW chrome) to the user. This feature also means that if you navigate to a topic in English, and then send the link via email to a user whose browser supports Japanese, if the Japanese helpset is registered, the topic link will appear in Japanese to the second user.
Search Engine Support
OHW has been specially designed so that search engine crawlers can reach all hosted content (including table of contents, and index pages) and easily traverse within and between the available navigators. Page titles have also been redesigned to make pages easier to locate from within a search engine result set.
Ability to Share Resources Across Localized Helpsets
OHW can be configured so that helpsets can share resources such as images and CSS stylesheets. Since each localized helpset no longer needs its own resources, this can dramatically reduce the size of the deployed file.
Relative Content Locations
Content locations can now be specified relative to the OHW configuration file.
True Popup Support
OHW now properly supports Oracle Help popup links. Following this link will bring up a dynamic draggable DHTML window (or a normal popup window if the browser does not support it) with the requested topic page.
All Level Merging in the Table of Contents
Using the default TOC engines, each level of the TOC will merge like elements together. This change reflects modifications made to core Oracle Help classes and mimics the feature added to Oracle Help for Java (OHJ).
New Tree-based Table of Contents Navigator
The Tree-based TOC navigator shows the data in a heirarchical fashion and allows the user to see the full TOC (and not just a limited part of the TOC, as with previous versions of OHW). The tree-based TOC navigator is a standard navigator and can be added by including it in the helpset configuration file.

Yes, I am now able to access this page and download OHW.
Thanks very much,
Lucie

Getting best possible look for the web!

I am using Compressor for compressing my footage for the web. When I export out of FCP my footage looks nice and crystal clear however when I compress the footage then upload to the net its not as nice looking as it was. Now I recently bought a Compressor DVD Tutorial by Ripple Training Series. I pretty much knew just about everything on that DVD. I did try some suggestive settings that have made somewhat of a difference but its not crystal clear like many videos I see uploaded to DVXuser. The settings below might be okay it might just be the hosting site I have my videos on. Currently I am using www.sharkle.com
Here are some settings I use:
Compression Type - Sorenson Video 3
Frame Rate 15
Key Frame Every 75 frames
Quality - Medium
Restrict Data to 400kbps (this is for DSL modems) around 1500 for cable modems
Audio
Q Design Music 2
Channels = Stereo
Sample Rate = 48k
Streaming = Fast Start
Geometry
320x240
If anyone sees anything that I should change or try out differently please let me know. Again I am using Compressor and can also compress using Quicktime as well.
Here is a link to the latest video I completed for the web:
http://www.sharkle.com/video/78755/
I am not sure if SHARKLE is recompressing the footage. If it is then thats why its not as good of quality.

Their making a FLV file from your sent in video.
Push your video back up to a high quality movie and send that in to them.
What you have sent in has all been squeezed highly with compression. Then they take and further compress it in the FLV format. Double compressing...not good.

HD720p for the web

I tried and tried to compresse from my HD720p out from FCP to 720p for the web. I get awfull results. pixalised images and bigger files. are their presets for the web, or any place where I can find the good settings to get files that look as good as the apple HD galerie. It's suppose to be easy with apple but this time it's not.

here are one of the settings I used,
I did try with more quality but got
not so good results with verry big files
If you go to http://www.jiyano.com and click on the star on
the top left you will see what I mean. I put a before and after picture.
Name: hd test 160206
Description: H.264 for high-bandwidth streaming
File Extension: mov
Estimated file size: unknown
Audio Encoder
AAC, Stereo (L R), 48.000 kHz
Video Encoder
Format: QT
Width: 1280
Height: 720
Pixel aspect ratio: default
Crop: None
Frame rate: 29.97
Frame Controls: Off
Codec Type: H.264
Multi-pass: On, frame reorder: On
Pixel depth: 24
Spatial quality: 73
Min. Spatial quality: 25
Key frame interval: 24
Temporal quality: 50
Min. temporal quality: 25
Hinted for QuickTime
streaming server

Exporting video for the web for windows Media player

What software can i use to compress an AVI file for the web. The finished product will be WMA file.

WMA is Windows Media Audio. I think what you meant is WMV (Windows Media Video). To export to that format on a Mac you'll need Flip4ac, available from www.flip4mac.com Once you've installed it, it adds the WMV and WMA export option to QT and other apps such as Sorenson Squeeze.
-DH

Unable to get the composite instance for the invocation. This could be because instance has not yet been created or because the audit level for the SOA infra has been set to Off

I am on Oracle 11.1.1.7 BPM suite on W8 64 bit. I can't launch the flow trace and get the error "Unable to get the composite instance for the invocation. This could be because instance has not yet been created or because the audit level for the SOA infra has been set to Off". I have set the audit level to development at the soa-infra>SOA Administration> Common Properties > Audit level set to development and Capture Composite Instance State is Checked.
Can somebody advice.
Thanks

Can you please confirm me the following steps...
Log in to the EM console, Expand soa-infra (soa_server1) , go to the partition where your composite is been deployed, Click on your composite, On the right, click on the dropdown Settings and choose Composite Audit Level. you can choose to set the Audit Level for this composite. If you choose Inherit, it will take the settings to what the server is being set to. Otherwise, we can override it by choosing Off, Production, or Development.
Make sure your setting for that composite is not Off, keep inherit or production or development.
Thanks,
N

The save for the web function has stopped working in my copy of photoshop elements 12. I get this message, " The operation could not be completed. The system cannot find the path specified" Resetting preferences did not fix.

The save for the web function has stopped working in my copy of photoshop elements 12. I get this message, “ The operation could not be completed. The system cannot find the path specified” Resetting preferences did not fix.

my os is windows 7. elements 12 worked fine for many months then save for the web stopped working

I've just bought a Macbook Pro 15" and I'm trying to use Photoshop, but the resolution its displaying the images at for 100% are too small. I have to design for the web, so need to be intricate with detail, but I'm finding it adjusts the resolution of the

I've just bought a Macbook Pro 15" and I'm trying to use Photoshop, but the resolution its displaying the images at for 100% are too small. I have to design for the web, so need to be intricate with detail, but I'm finding it adjusts the resolution of the image right down. (I mean you can see the image clearly, but it's too small to edit). When I look at Safari and see a web page at 100% it's clear, but the same page displayed in Photoshop CC appears 50% of the size (even though it says it's 100%) If I move the application window to another screen it adjusts it correctly – leaving all the pallettes, menus and tools correctly sized as they are on the retina display Is there some way to adjust the way Photoshop CC displays images so it is more consistent with what you actually see? There doesn't seem to be any answer on the Adobe forum, so hopefully someone here can shed some light. MacBook Pro with Retina display, 15", OS X Yosemite (10.10.2), Photoshop CC 2014

I tested both ways. With "open in low resolution" ckecked the size of the images is cool, but it is low-resolution including Photoshop appearance.
If "open in low resolution" is unckecked the appearance is good but the very small size.
See the image below. It has 650 x 732 px, 72 dpi. The font of the text "Neste aniversário ..." is with 18pt.

Saving JPG to PNG using Save for the Web

Morning
I came across Paul Riggott's script for saving PSD to PNG which I changed to JPG to PSD.
The only problem with this is that the file size in most cases is larger than the original.
Is there a way to do a save as for the web as well?
Here is the original code:
#target photoshop
var imageFolder = Folder.selectDialog("Select top folder to process");
var folderList=[];
if (imageFolder != null) {
processFolder(imageFolder);
folderList.unshift(imageFolder);
createPNGfromJPG(folderList);
function createPNGfromJPG(folderList){
for(var a in folderList){
var fileList = folderList[a].getFiles ("*.jpg");
   for (var z in fileList){
    var file = fileList[z];
    open(file);
    var Name = fileList[z].name.replace(/\.[^\.]+$/, '');
    var saveFile = File(decodeURI(fileList[z].path+"/"+Name+".png"));
    SavePNG(saveFile);
    app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
function processFolder(folder) {
    var fileList = folder.getFiles()
     for (var i = 0; i < fileList.length; i++) {
        var file = fileList[i];
if (file instanceof Folder) {
folderList.push(file);
       processFolder(file);
function SavePNG(saveFile){
    pngSaveOptions = new PNGSaveOptions();
    pngSaveOptions.embedColorProfile = true;
    pngSaveOptions.formatOptions = FormatOptions.STANDARDBASELINE;
    pngSaveOptions.matte = MatteType.NONE;
    pngSaveOptions.quality = 1;
pngSaveOptions.PNG8 = false;
    pngSaveOptions.transparency = true;
activeDocument.saveAs(saveFile, pngSaveOptions, true, Extension.LOWERCASE);
Any help or support to head me in the right direction would be appreciated.
Iain

This uses "Fitimage"....
#target photoshop
var imageFolder = Folder.selectDialog("Select top folder to process");
var folderList=[];
if (imageFolder != null) {
processFolder(imageFolder);
folderList.unshift(imageFolder);
createPNGfromJPG(folderList);
function createPNGfromJPG(folderList){
for(var a in folderList){
var fileList = folderList[a].getFiles ("*.jpg");
   for (var z in fileList){
    var file = fileList[z];
    open(file);
    var Name = fileList[z].name.replace(/\.[^\.]+$/, '');
    var saveFile = File(decodeURI(fileList[z].path+"/"+Name+".png"));
    FitImage(640,640); //Resizes to the longest size
    //FitImage(128,128);
    savePNG8SFW(saveFile);
    app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
function processFolder(folder) {
    var fileList = folder.getFiles()
     for (var i = 0; i < fileList.length; i++) {
        var file = fileList[i];
if (file instanceof Folder) {
folderList.push(file);
       processFolder(file);
function savePNG8SFW(saveFile) {
    var desc8 = new ActionDescriptor();
        var desc9 = new ActionDescriptor();
        desc9.putEnumerated( charIDToTypeID('Op '), charIDToTypeID('SWOp'), charIDToTypeID('OpSa') );
        desc9.putEnumerated( charIDToTypeID('Fmt '), charIDToTypeID('IRFm'), charIDToTypeID('PNG8') );
        desc9.putBoolean( charIDToTypeID('Intr'), false );
        desc9.putEnumerated( charIDToTypeID('RedA'), charIDToTypeID('IRRd'), charIDToTypeID('Sltv') );
        desc9.putBoolean( charIDToTypeID('RChT'), false );
        desc9.putBoolean( charIDToTypeID('RChV'), false );
        desc9.putBoolean( charIDToTypeID('AuRd'), false );
        desc9.putInteger( charIDToTypeID('NCol'), 256 ); //Number of colours.
        desc9.putEnumerated( charIDToTypeID('Dthr'), charIDToTypeID('IRDt'), charIDToTypeID('Dfsn') );
        desc9.putInteger( charIDToTypeID('DthA'), 100 );
        desc9.putInteger( charIDToTypeID('DChS'), 0 );
        desc9.putInteger( charIDToTypeID('DCUI'), 0 );
        desc9.putBoolean( charIDToTypeID('DChT'), false );
        desc9.putBoolean( charIDToTypeID('DChV'), false );
        desc9.putInteger( charIDToTypeID('WebS'), 0 );
        desc9.putEnumerated( charIDToTypeID('TDth'), charIDToTypeID('IRDt'), charIDToTypeID('None') );
        desc9.putInteger( charIDToTypeID('TDtA'), 100 );
        desc9.putBoolean( charIDToTypeID('Trns'), true );
        desc9.putBoolean( charIDToTypeID('Mtt '), false );
        desc9.putInteger( charIDToTypeID('MttR'), 255 );
        desc9.putInteger( charIDToTypeID('MttG'), 255 );
        desc9.putInteger( charIDToTypeID('MttB'), 255 );
        desc9.putBoolean( charIDToTypeID('SHTM'), false );
        desc9.putBoolean( charIDToTypeID('SImg'), true );
        desc9.putBoolean( charIDToTypeID('SSSO'), false );
            var list3 = new ActionList();
        desc9.putList( charIDToTypeID('SSLt'), list3 );
        desc9.putBoolean( charIDToTypeID('DIDr'), false );
        desc9.putPath( charIDToTypeID('In '),File( saveFile) );
    desc8.putObject( charIDToTypeID('Usng'), stringIDToTypeID('SaveForWeb'), desc9 );
    executeAction( charIDToTypeID('Expr'), desc8, DialogModes.NO );
function FitImage( inWidth, inHeight ) {
if ( inWidth == undefined || inHeight == undefined ) {
alert( "FitImage requires both Width & Height!");
return;
var desc = new ActionDescriptor();
var unitPixels = charIDToTypeID( '#Pxl' );
desc.putUnitDouble( charIDToTypeID( 'Wdth' ), unitPixels, inWidth );
desc.putUnitDouble( charIDToTypeID( 'Hght' ), unitPixels, inHeight );
var runtimeEventID = stringIDToTypeID( "3caa3434-cb67-11d1-bc43-0060b0a13dc4" );
executeAction( runtimeEventID, desc, DialogModes.NO );

HT5182 How can I convert Raw images from iphoto to jpg for the web?

I have some pictures in Raw mode stored in my Iphoto that I need to convert in JPG for the web and to print in business cards, I have been going around e-mailing the pictures to myself in large or medium size and then saving them again to my iphoto. Is there a way to do this from iphoto directly?

iMac (24-inch Early 2009), iOS 6
Are your pictures on your iMac or on an IOS device?
On your iMac use "File > Export " set the jpeg quality and size you want:
Regards
Léonie
Sorry, Ralph, I see, we have been cross posting

Problems with PSE 10 when saving for the web.

I'm having problems saving for web with PSE 10. I edit in RAW, edit in PSE 10, save as Jpeg, resize and save for the web. Results are muddled and not sharp (looks cartoonish). Also, there is no metadata when you look at the image properties. I uninstalled the program and installed again. No change.

Are you resizing the photo before save for web?
What settings are you using in the save for web dialog for the jpeg quality?
If you compress the jpeg too much (low quality settings below 60), that can make your photos look bad.
And save for the web in pse 10 automatically strips any metadata in order to keep the file sizes smaller.
Also, the save for web in pse 10 has a bad habit of not remembering your last used settings, so it's good to verify that your actually set to jpeg instead of the default GIF setting.
Message was edited by: R_Kelly

Saving a pdf doc optimized for the web

i am trying to find out if there is a way to set the subject and keyword fields before saving as a pdf.
What i am trying to achieve is that the pdf is optimized for the web, so search engines can read the pdf document for keywords etc.
Thank you

Inspector > Document > Info
Peter

Audio Level for the web

Similar Messages

Maybe you are looking for