Create Web 3.0 Content

Create the Next Hot Content

Creating Content

Create Your Own

Whether you are an amateur photgrapher, video editing specialist, or game developer you can participate in creating Web 3.0 content for the Web 3.0 Browser. Now your content can be displayed outside the browser and directly onto the user's desktop creating Hollywood science fiction-styled interfaces with transparencies and special effects. The perfect place to get started is with an Alpha Avatar.

Online Orders

Alpha Avatars, Alpha Photos and Alpha Paint are three content platforms that you can order online for your personal use. Simply upload your photo and within 72 hours we will send you its Web 3.0 address as well as host up to 100,000 downloads.

Our Studio

While we prefer you create your own Web 3.0 content, we are here if you need us. If you already have the raw images, we can assist in the editing process. For any imaging work needed, you will have to visit our studio in Orange County, California. Our studio can be contacted at studio@digitallimelight.com.


Content Basics

Web 3.0 Address
web3://supasang.http://somedomain.com/assets/68687.flv

The first section ("supasang") of the Web 3.0 Address identifies the content provider's Wired Address allowing the content to be hyper-wired to their digital identities, web presences and other Web 3.0 content. The second section ("http://....") identifies where the content is located on the web. The file type extension at the end of the address tells the HyperWired browser how to process the content. If you wish not to use the extension in the content's url, you can add it to the url parameter in the following format... web3://supasang.http://supasang.com/content?content=flv&otherparameter=data .


Content Formats

.PNG - Still images with transparent background.

.JPG - Still images with a mask on right side.

.FLV - Video with alpha transparent background.

.MP3 - Audio content.

.SWF - Flash interactive content.

.HTML - HTML with alpha transparent backgrounds.

.VIRTUAL - 360 degree images.

.AUDIO - XML file with multiple MP3 references.

.VIDEOS - XML file with multiple FLV references.


Developer & Designer Notes

Images

PNG images are the easiest Content Class for creating content. Either use currently available PNG images that possess an alpha transparent background or make your own using an image editor such as Photoshop. You can use Photoshop for free for 30 days. Watch this video tutorial on masking a person. Remember to save your PNG with transparency turned on. Crop as much background transparency as possible out of the image so the user is provided with the best experience possible when content is overlaying one another. The image can set the Wired Address, Link to URL and Title using the following format...

<w3ml wired_address="supasang" link="http://supasang.com" title="Supaman" ></w3ml>

Alpha Paint allows a content creator to "paint" an alpha transparency on an existing JPG. Using an imaging application like Photoshop you can create a black & white alpha mask over the JPG image. The black color represents the transparent area. Make a new image double the width of the original JPG image. Paste the original image on the left and the black & white mask on the right. Save file as a JPG. To tell the Web 3.0 Browser this is a masked image, use Photoshop to add the following code to the Keyword field... <w3ml masked="true"></w3ml>. The JPG can be hosted anywhere that you are able to access it with a URL. For more information, watch this video tutorial.

Videos

There are a few Web 3.0 conten types that use FLVs with transparent backgrounds. These range from simply imaging a music artist preforming a song against a green screen to more elaborate content such as Music Alphas. Online video templates in After Effects can be used as a base. Then swap out the content and remove the background image. Remember to set the video's background to transparent. The current version of Adobe After Effects CC 2015 does not allow support for exporting to FLV so use the prior version which can be downloaded from the Adobe Create Cloud's Previous Versions section. The FLV can set the Wired Address, Link to URL and Title using the following format...

<w3ml wired_address="supasang" link="http://supasang.com" title="Supaman" ></w3ml>

For single videos within a FLV this code can be placed within it's keyword data using Adobe Bridge. For multiple video spots within a larger single FLV, the code can be added as the name within cuepoints. In addition, a video playlist can be created as an XML document with its extension being changed to ".videos". The XML can set individual video to shuffle. The XML can set the available video controls. Control 1 displays Play, Pause & Stop. Control 2 displays Play, Pause, Stop & Rewind. Control 3 displays Play, Pause, Stop, Rewind & Forward. If the video playlist file is in the same folder as the FLV content, the referred URL can be shortened to the following format... "*/filename.flv". Video playlists can include video ads in the VAST format. Simply add to the XML's url property the location to the VAST XML and add to the parameter "request=videoadxml" to this url. Here is an example of the file.

Audio

MP3 files can be played within the HyperWired browsers. The MP3 file can also have data added to it by adding the code to the ID3 Comments field of the MP3. Not only can the Wired Address, Link to URL and Title fields be set, but also links to the Video Version and Web 3.0 Version. The fields can be set using the following format...

<w3ml wired_address="supasang" link="http://supasang.com" title="Supaman" video_version="http://domainname.com/videolocation" web3_version="http://domainname.com/web3location" ></w3ml>

In addition, an audio playlist can be created as an XML document with its extension being changed to ".audio". The XML can set individual MP3 to shuffle. The XML can set the available audio controls. Control 1 displays Play, Pause & Stop. Control 2 displays Play, Pause, Stop & Rewind. Control 3 displays Play, Pause, Stop, Rewind & Forward. If the audio playlist file is in the same folder as the MP3 content, the referred URL can be shortened to the following format... "*/filename.mp3". Audio playlists can include audio ads in the VAST format. Simply add to the XML's url property the location to the VAST XML and add to the parameter "request=audioadxml" to this url. Here is an example of the file.

SWFs

Interactive content can be created with Adobe Animate. Since the Flash content can be any size, shape and transparency, it allows developers to create more futuristic content than what can be displayed within an internet browser. From the Flash Professional application, save the Flash file as an AIR SWF with a transparent background. Make sure that you do not try to access the STAGE property since it will throw an error. The Web 3.0 Browser and the Web 3.0 Lite Mobile App call the public function init(initObj:Object) with the object properties of os_type, swf_area_width and swf_area_height. This allows developers to adjust their content dynamically based on the OS and area available for their SWF. SWFs can dynamically launch Wired Addresses and Web 3.0 Content by assigning the desired address to the public var launchWiredAddress:String and launchWeb3Address:String.

HTML

The HTML content can be displayed with or without a transparent background. If you desire to override a current background color and set it to transparent enter <body style="background-color: transparent">. The HTML content can include SWF files; however, the "wmode" needs to be set to "transparent". The HTML engine uses an old version of WebKit so test your code before extensive development and Read Here. While a new webpage can be loaded into the current window, any webpages loaded into a new tab will be ignored. If you wish for the user's default browser to open when a new web page is openned, add the property default_browser="true" to the <w3ml> code. Any content placed in an iFrame will not reactive to the right mouse button's normal actions. The HTML content has to set its width and height viewport by placing the code below in the <head> area of your HTML code.

<w3ml width="1024" height="720"></w3ml>
Virtual

In order to create a Virtual, take a 360 video of your subject (person, object, etc). Place subject on a counter-clockwise rotating stage. Begin recording the video when the subject's back is shown and stop the video slightly after the subject's back is exposed a second time. Using a video editor, crop the video to the desired dimensions and cut the film with the two back showing frames as continous. Create a second cut with the first frame being the one that shows the subject facing forward and the last frame being the subject's back. Move the new cut in front of the rest of the video. This will create a video with the first frame being the subject's front and the last frame being the subject's back. This technique is used so the seam is located at the subject's back. Adjust the video editor's timing so the video exports the desired number of PNG images (approximately 150). Zip the PNG files along with a file named _x3ml.xml. The XML files should look like...

<xml><w3ml frames="160" width="360" height="480"></w3ml></xml>

Than rename the Zip file's extension to ".virtual". Test the Virtual by renaming the extension to ".zip" and double-clicking the Zip file. The PNG images should appear and not another folder.


Hosting Content

If you already have a hosted website, you can upload the content to that web server. If you do not have a website, we recommend Amazon Web Service's S3 storage solution due to its scalability and low price. Watch this video demo in order to learn how to setup a S3 account.


Test & Share

After uploading your content to a server, enter the Web 3.0 Address in the HyperWired Browser to insure everything is working fine. Than use the Share Content page to share your newly created Web 3.0 content. You can manually create a share link as follows.

http://share.digitallimelight.com/web3?Web 3.0 Address Here

Featured

Submit your Web 3.0 content to our Featured section.


Launch from Web Page

With HyperWired browser installed on the device, Web 3.0 Content and Wired Addresses can be directly launched with a click on a web pages. In order for your web page to perform the functions above, review the code in this Demo.

<script src="https://cdn.digitallimelight.com/js/web3.js"></script>
web3.launch("web3://supasang.http://domainname.com/asset.flv");