Using the HTML5 Audio option, you can insert an audio file of MP3, Ogg, or WAV format. Note that the support for these formats varies in different browsers. The following table displays the audio formats and the supported browser versions.

1. Open the web page that needs editing.
2. Select Insert > HTML5 > Audio.

The Insert HTML5 Audio dialog box appears.

Alternatively, click the HTML5 icon provided and then select Insert HTML5 Audio.

3. Select an audio file in the appropriate field.

You are provided with the following options:

• mp3 / Ogg / Wav: Select the audio file based on the format. You can select the audio from your computer or from a web resource. When you select Browse and select Audio on My Computer, the audio files are displayed based on the file format you selected. However, if you have selected the Audio on Website option, audio files are not displayed based on the file format you selected. If you selected a wrong format, an error message is displayed.
• Select the following options appropriately:
  • Show Audio Control:  Selecting this check box displays the audio controls such as Play, Pause, and so on in the loaded web page. If this option is not selected, the Auto Play option is selected by default.
  • Start Playing the Audio When the Page Loads: If you select this option, the audio starts playing when the page loads.
  • Repeat: The audio starts playing from the start after it finishes playing.

4. Click OK.

Edit an audio after inserting

Modify the HTML5 Audio properties by bring the audio properties dialog from the menu item Format > Audio Properties or by double clicking the Audio.

1. Open the web page.
2. Double-click the audio file displayed.
   The Audio Properties dialog box appears.
3. Change the audio properties, such as audio file of the same format and audio options.
4. Click OK.

Video demo on Insertion of HTML5 Audio

What HTML5 editing support does Adobe Contribute 6.5 provides?

Using Contribute, you can edit HTML5 pages. Contribute supports insertion of HTML5 tags such as video and audio. When you create a new web page, by default, it is of HTML5 type. You are also provided with an option to convert an HTML Doctype to HTML5 Doctype.

This post will detail on the insertion of HTML5 Video and HTML5 Video Properties functionalities.

Insert Video

Using the HTML5 Video option, you can insert a video file of MP4, Ogg, or WebM format. Note that the support for these formats varies in different browsers. The following table displays the video formats and the supported browser versions.

1. Open the web page that you want to edit.
2. Select Insert > HTML5 > Video.

The Insert HTML5 Video dialog box appears.
Alternatively, click the HTML5 icon provided and then select Insert HTML5 Video.

3. Select a video file in the appropriate field. You are provided with the following options:

• MP4 / Ogg / WebM : Select the video file based on the format. You can select the video from your computer or from a website. When you select Browse and select Video on My Computer, the videos are displayed based on the file format you selected. However, when you select the Video on Website option, videos are not displayed based on the file format you selected. If you selected a wrong format, an error message is displayed.
• Poster: Select an image that needs to be displayed as a poster.
• Display width / Display height: The width and height in which video to be displayed.
• Select the following options appropriately:
  • Show video control:  Selecting this check box displays the video controls such as Play, Pause, and so on in the loaded web page.
  • Start playing the video when the page loads: If you select this option, the video starts playing when the page loads.
  • Repeat: The video starts playing from the start after it completes playing.

4. Click OK.

Video Properties

Modify the HTML5 Video properties by bring the Video properties dialog from the menu item Format > Video Properties or by double clicking the video.

1. Open the web page.
2. Double-click the video displayed.
   The Video Properties dialog box appears.
3. Change the video properties, such as video file of the same format, display width, display height, and video options.
4. Click OK.

Video demo on Insertion of HTML5 Video

Adobe Unveils Contribute 6.5 with HTML5 Support

Support for HTML5 content, JQuery support and many other enhancements

Announcing the immediate availability of Adobe Contribute 6.5.

Adobe® Contribute® 6.5 is a powerful web publishing and website management tool that integrates authoring, reviewing, and publishing in an easy-to-use WYSIWYG HTML editor. Adobe Contribute helps to increase web publishing productivity while simplifying oversight and approval tasks.

What’s New in Adobe Contribute 6.5

HTML5 Support

Easily converts your website to HTML5 Doctype compatible. Also, provides the ability to insert HTML5 audio and videos to your web page to make them compatible with broad set of devices.

jQuery Mobile Support

Ability to easily edit jQuery Mobile components in your web page and make web pages mobile friendly.

Add the Title / Border Color / Pattern attributes while editing image properties

You can add a title for the image. The title that you add is displayed as a tool tip when you move the mouse over the image while viewing it. You can also add border color and pattern for the image. To add these attributes, double-click the image.  In the Image Properties dialog box, enter the title, border color, and pattern.

Add the Title attribute while adding a link

You can add a title for the link. The title that you add is displayed as a tool tip when you move the mouse over the link.

Sort and search site connection

You can sort the site connections in the My Connection dialog box, Draft Console page, and Welcome screen. This allows you to locate a connection quickly.

Manage locked files

Contribute allows the administrator to see all locked pages and unlock the same.  A non-administrator user can view only the pages locked by them. User can also unlock the pages locked by them.

Create Secure FTP connection

In Contribute, you can create a connection through FTPS (FTP Secure). FTPS is an extension to the commonly used File Transfer Protocol (FTP) that adds support for more secure and authentic communication to the server.

Create anchors

Using this option, you can create an anchor in the web page using the anchor icon in the toolbar.

Add Favicon

A Favicon icon, known as shortcut icon, is an image that is associated with a website. This icon appears in the browser’s address bar. A Favicon icon can be added in the website level and web page level.

Edit Spry data set

A Spry data set allows you to set up a website by providing interactive data based on the selections made while viewing the page. These dynamic data comes from an XML file or from an HTML file. You can edit Spry data set files easily.

Add widgets from Adobe Widget Browser

Users can drag-and-drop a widget from Adobe Widget Browser to a web page. Widget Browser allows the user to create and configure widgets.

Search text on Mac machines in the Browse mode

On Mac, you can use the Find option provided in the Edit menu while you are in the Browse mode. You can also use command + F to find a text.

What happens when Preferences of Contribute is Delete ?

By deleting Contribute Preference and launching it would be like Contribute is freshly installed. All the connections to the websites and Blogs are removed.

If there is a older version of Contribute co-existing then the connection information will Migrate from older version to the newer version while launching, so take care.

Hence before deleting the Preferences take a copy of the drafts  or if possible publish or send them for Edit / Review. Same for the Contribute’s Preference files and folders can be renamed or removed from the actual location and stored in an other.

Also ensure that you have the information to reconnect to the websites and blogs like connection keys and URL information, user name, passwords etc.

How to clear the preferences ?

To clear preferences first check the version of Contribute and release name.

On Windows click the menu Help – About Contribute and click on the dialog and note the Version of Contribute. Ex- Version 6.0

Similarly on Mac click the menu Contribute – About Contribute and click on the dialog and note the Version of Contribute.

The release name is the name on Welcome page example Adobe Contribute CS5

On Windows

Delete the Preferences in Registry -

• Open registry  [Start – Run – type “regedit” and click enter]

• Go to “HKEY_CURRENT_USER\Software\FOLDER”  and delete the folder  “ Contribute <Version>”

Delete the Preferences in locale –

• Windows XP :  Go to “C:\Documents and Settings\<username>\Local Settings\Application Data\FOLDER”   and delete the folder  “Contribute <Release Name>”

• Windows 7 and Vista “C:\Users\<username>\Appdata\Local\FOLDER”     and delete the folder  “ Contribute <Release Name>”

On Mac

Delete the Preferences in Library –

• Go to “<username>/Library/Preferences/”   and delete the file  “Adobe Contribute Version Preferences”  OR “Contribute <Version> Preferences” in older versions

Delete the Preferences in locale -

• Go to “<username>/Library/Application Support/FOLDER/”     and delete the folder  “Contribute <Release Name>”

Table with Version number and Release name :-

    Adobe Contribute  Contribute Publishing Server

Shilpa

How to enabled auto spell checking?

1. In your draft, select Edit àPreferences.
2. Select Editing from the panel on the left category.
3. Select Enable spell checking in the background.

Spell Check Preference

You can also change the change the spelling dictionary languages.

Choose Spelling Dictionary

You can also bring up the Check Spelling dialog through Format menu.

• In your draft, select Format -> Check Spelling.

If Contribute encounters an unrecognized word, the Check Spelling dialog box appears.

Check Spelling Dialog

• Select the appropriate option based on how you want Contribute to handle the discrepancy.
• After you finish checking spelling, click the Close button in the Check Spelling dialog box or click OK in the Spelling Check Completed message box.

The highlight to be mentioned here is there is no performance impact since the spell checker executes in the background.

The patch size on Windows is 230KB and 237KB on Mac. The build can be directly downloaded from here as well.
Windows :-

•  Adobe Contribute CS5
•  Adobe Contribute CS5.1

Mac :-

•  Adobe Contribute CS5
•  Adobe Contribute CS5.1

With this version of plug-in installed on FF4 and 5, you can continue to use following features of Contribute :

•  In Browser Editing
•  Post to Blog
•  Edit in Contribute

On Mac ensue that Firefox is opened in 32-bit mode to use Contribute’s plug-in.
To do so, right click on Firefox app and select “Get Info”.

Select the option ” Open in 32-bit mode” .

Contribute,startup time

Does Contribute take long time to startup by connecting to all the websites and blogs you had connected to? However, you can select the desired website or blog server and configure Contribute to connect to it during startup or even don’t connect to any site/blog. By default, Contribute is configured not to connect to any website or blog server.

How to configure for individual sites and blog?

1. Select Edità My Connections. The My Connections dialog box appears.
2. Select a website or blog server.
3. Clear the selection of the Don’t connect to web site or blog server name at startup check box to configure Contribute to connect to the selected website or blog server at startup.

Note: – You cannot set this option for a specific blog entry.

Next time you start Contribute, a connection is established to the selected website or blog server only.

How to configure for all sites and blog?

1. Select Edit à My Connections. The My Connections dialog box appears.
2. Select each website and blog connection, and do the following:
   1. Enable the connection.
   2. Check the option “Don’t connect to any site at startup (improves Contribute startup time)”.
   3. Click Close.

   When you restart Contribute, all connections will be disabled. If you need to have all the connections enabled while launching contribute,

1. Enable the connection.
2. Clear the selection of the “Don’t connect to web site or blog server name at startup” check box.
3. Clear the selection of the “Don’t connect to any site at startup (improves Contribute startup time)” check box.

Contribute,Favicon

A favicon is a graphic image associated with a particular Webpage and/or Website.

Now the question comes, how to add a favicon to my website/webpage? To begin with, you will need a small icon that you wish to set as the ‘FavIcon’. It should be 16×16 in size. Once you have the icon ready, rename it to favicon.ico and upload it to your Server root folder, using Contribute through the option File-> Publish File from my Computer.

Alternatively, you can use the below code between the <head></head> (x)HTML tags to set the favicon even though the .ico file in placed in different location.

<link rel="icon" type="image/ico" href="http://www.mysite.com/favicon.ico"/>

How to add the code inside the Head tag? Browse to the page in Contribute, do File -> Actions -> Edit Page Source in External Application. Contribute displays the External Application Editing page and starts an external editing application. In the external application, make changes as necessary, and then save your changes and close the file or application. Please refer to the blog post, http://blogs.adobe.com/contribute/2010/05/edit_web_page_source_in_an_ext.html for more information on Editing in External Application.
Note: Simply changing the filename extension of an image to .ico without converting it to an ICO file will result in an error and not displaying the favicon.

Scenario 1: Contribute CS5 and any CS5 apps with CS Live services ( ex: Dw, Fw, Ps, Ai, ID, Fl, etc) are installed.

1. Launch the other CS5 app
2. Sign in to CS Live service.   Wait for couple of minutes.
3. To verify the update is downloaded, check “ConnectionsHomeOMBackend” folder contains this folder –  “2.5.1.20110506_v2_5_1_120”
• Windows XP – C:\Documents and Settings\Application Data\Adobe\CS5ServiceManager\extensions\ ConnectionsHomeOMBackend
• Windows 7 OR Vista – C:\users\AppData\Roaming\Adobe\CS5ServiceManager\extensions\ ConnectionsHomeOMBackend
• Mac OS – Users/Library/Application Support/Adobe/CS5ServiceManager/extensions/ ConnectionsHomeOMBackend
4. If the folder is still not available try the following :-
   • Sign out of CS Live and Quit the App.
   • Again repeat the above steps 1,2,3.
5. Launch Contribute CS5

Contribute CS5 should launch as expected since the update is available.

Scenario 2: Only Contribute CS5 is installed [No other Creative Suite 5 applications are installed]

1. Verify the update is available. Check the  folder “ConnectionsHomeOMBackend”  contains this folder –  “2.5.1.20110506_v2_5_1_120” .
2. Else remove the ConnectionsHomeOMBackend folder.  [Pre Req – Check in Task Manager / Activity Monitor to ensure that CS5 Service Manager is not running]
• Windows XP – C:\Documents and Settings\Application Data\Adobe\CS5ServiceManager\extensions\ ConnectionsHomeOMBackend
• Windows 7 OR Vista – C:\users\AppData\Roaming\Adobe\CS5ServiceManager\extensions\ ConnectionsHomeOMBackend
• Mac OS – Users/Library/Application Support/Adobe/CS5ServiceManager/extensions/ ConnectionsHomeOMBackend
3. Launch Contribute CS5

Contribute CS5 should launch as expected since there are no dependency of singing in to CS Live services.

Note – The folder ConnectionsHomeOMBackend will be created only when other CS5 apps are installed and signed on CS Live services. (The folder remains after un-installation of the other app)

var addthis_pub=”shilpar”;
    Adobe Contribute  Contribute Publishing Server 

It is split up into 2 steps.

• Package the Contribute msi in un-serialized mode and install. Command to install the msi is – msiexec.exe /i Contribute.msi /qn
• From the provision tool serialize the package. Command to serialize is adobe_prtk.exe –tool=ReplaceSN –serialize=Contribute-CS5-Win-GM –serial=

Here is the detailed procedure :-

Pre requisites -

1. Download the AAMEE tool and install it.

2. Download Contribute note the Language for which you have the serial number.

3. Note the Serial number and extract the setup.exe.

Steps -

1. On the client machine start the AAMEE tool. Click create new “Installation Package”.

2. Enter a name to the msi file, say “Contribute”. Provide a new folder (preferable) to save the packaged folders and files.

3. Provide the path where the Contribute setup.exe is extracted and click Next. [From Pre req # 3]

4. Remember to select “Proceed without serializing” and the Language. [From Pre req # 2]

5. Note – the serialization would be successful only for the correct language.

6. Optional – Choose the components which should be package.

7. Set the configurations listed as required and packaged msi file is Build.

8. Note the folder Build – contains the msi file and folder Exceptions contains the components which are not installed.

9. To install the msi, open command prompt and navigate to the Build folder and run the command msiexec.exe /i Contribute.msi /qn

10. To serialize, from the command prompt continue to navigate to folder ProvisioningTool from Build folder and run the commandcommand to serialize

Please note on Vista / Windows 7 run the cmd prompt as Administrator.

Where can I find AAMEE – http://www.adobe.com/devnet/creativesuite/enterprisedeployment.html

The folder Exceptions contains the components which are not installed via msi. They can be installed separately. Example Adobe Help which might already exists via other Adobe product, else to install it execute the command AIRInstallerRunner.exe -airRuntime AdobeAIRInstaller.exe -silent -eulaAccepted -programMenu -airAppPath AdobeHelp.air.

View the video demo

var addthis_pub=”shilpar”;
 

Adobe Contribute Contribute Publishing Server