Help to create the first application with html5 + iPhone/iPad.

Question

Question by Aloysio Chagas · Feb 01, 2011 at 08:51 AM · on-demand streaming

Help to create the first application with html5 + iPhone/iPad.

Hi all. It's my first time using the Wowza Media Server and I having some troubles. I start the server and in firefox/safari when I put try to access the server by the port 8060 I get success, but when I try 1935 port I get "page not found". I'm trying to set up a new application by the tutorial that I found in the Wowza Tutorials page, the 'vod' application. I have some questions:

1. How can I do to create a new file playlist.m3u8 and witch the folder is it?

2. What is the data needs inside the playlist.m3u8?

3. I trying to play a video using html5 <video> tag, so what is the correctly address to write in src="" attribute?

http://192.168.0.16:8086/vod/mp4:sam.../playlist.m3u8

4. The playlist.m3u8 have to be in the 'vod' folder?

I want to test it in the iPhone/iPad browser (Safari) using the html5 tag, so how can I set it up to get the video playing?

Thanks in advance!

0

10 |600 characters needed characters left characters exceeded

Attachments: Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Answer 1 · 2011-02-01T22:14:11Z

Answer by Richard Lanham · Feb 01, 2011 at 10:14 PM

This is where you set the ports that Wowza will bind to and are available for streaming and http output.

HostPort /Port "1935" is default streaming port.

HostPort /Port "8086" is used for the HTTProviders in that HostPort:

http://www.wowza.com/forums/content.php?129-Built-in-HTTProviders-that-Provide-Server-Stats

Richard

0 Show 1 · Share

10 |600 characters needed characters left characters exceeded

Attachments: Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Aloysio Chagas · Feb 02, 2011 at 05:29 AM 0

Share

Hello Richard. Now it playing videos. I think that was wrong was that as he was with the default port 8086 <HTTPStreamerAdapterIDs> the attribute was not in the streams attribute as the default port (cupertinostreaming, smoothstreaming, sanjosestreaming).

Thank you in advance.

Answer 2 · 2011-02-01T17:49:31Z

Answer by Richard Lanham · Feb 01, 2011 at 05:49 PM

Again, I suggest you follow this tutorial:

http://www.wowza.com/forums/content.php?35-How-to-play-a-video-on-demand-file

Make sure you follow any steps related to IPhone or iOS streaming.

I would use port 1935 instead of 8086

<source src="http://192.168.0.16:1935/myapplication/mp4:sample.mp4/playlist.m3u8" type="video/mp4" />

I don't think the html5 video tag "preload" and "autobuffer" attributes will have any affect.

Richard

0 Show 2 · Share

10 |600 characters needed characters left characters exceeded

Attachments: Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Richard Lanham · Feb 01, 2011 at 05:55 PM 0

Share

Yes, you can use 8086.

If you are having a problem with 1935, check your access log for errors regarding binding to port 1935 when starting. You might have another instance of Wowza already running, or you are running FMS or another application that is already using port 1935.

Richard

Aloysio Chagas Richard Lanham · Feb 01, 2011 at 11:35 AM 0

Share

When I open the Window Multitask I see that java is in 1935 port and the Wowza is in 8086.

INFO server comment - _defaultVHost_ threads[h/t]:120/80 home:C:\Program Files\W

owza Media Systems\Wowza Media Server 2.2.3

INFO vhost comment _defaultVHost_ Bind attempt ([any]:1935:4)

INFO vhost comment _defaultVHost_ Bind successful ([any]:1935)

INFO vhost comment _defaultVHost_ Bind attempt ([any]:8086:1)

INFO vhost comment _defaultVHost_ Bind successful ([any]:8086)

INFO server comment - Wowza Media Server is started!

In VHost.xml file there are several lines commented.

<HostPort>
				<ProcessorCount>4</ProcessorCount>
				<IpAddress>*</IpAddress>
				<!-- Separate multiple ports with commas -->
				<!-- 80: HTTP, RTMPT -->
				<!-- 554: RTSP -->
				<Port>1935</Port>
				<SocketConfiguration>
					<ReuseAddress>true</ReuseAddress>
					<!-- suggested settings for video on demand applications -->
					<ReceiveBufferSize>24000</ReceiveBufferSize>
					<SendBufferSize>65000</SendBufferSize>
					<!-- suggest settings for low latency chat and video recording applications
					<ReceiveBufferSize>16000</ReceiveBufferSize>
					<SendBufferSize>16000</SendBufferSize>
					-->
					<KeepAlive>true</KeepAlive>
					<!-- <TrafficClass>0</TrafficClass> -->
					<!-- <OobInline>false</OobInline> -->
					<!-- <SoLingerTime>-1</SoLingerTime> -->
					<!-- <TcpNoDelay>false</TcpNoDelay> -->
					<AcceptorBackLog>100</AcceptorBackLog>
				</SocketConfiguration>
				<HTTPStreamerAdapterIDs>cupertinostreaming,smoothstreaming,sanjosestreaming</HTTPStreamerAdapterIDs>
				<HTTPProviders>
					<HTTPProvider>
						<BaseClass>com.wowza.wms.http.HTTPCrossdomain</BaseClass>
						<RequestFilters>*crossdomain.xml</RequestFilters>
						<AuthenticationMethod>none</AuthenticationMethod>
					</HTTPProvider>
					<HTTPProvider>
						<BaseClass>com.wowza.wms.http.HTTPClientAccessPolicy</BaseClass>
						<RequestFilters>*clientaccesspolicy.xml</RequestFilters>
						<AuthenticationMethod>none</AuthenticationMethod>
					</HTTPProvider>
					<HTTPProvider>
						<BaseClass>com.wowza.wms.http.HTTPServerVersion</BaseClass>
						<RequestFilters>*</RequestFilters>
						<AuthenticationMethod>none</AuthenticationMethod>
					</HTTPProvider>
				</HTTPProviders>
			</HostPort>

These comments influence on something?

Answer 3 · 2011-02-01T17:13:10Z

Answer by Richard Lanham · Feb 01, 2011 at 05:13 PM

There is not a playlist.m3u8 file on disk. Wowza serves this file to iOS devices, but it only exists in memory. All you have to do is add it to the end of the url.

See the vod tutorial for exact steps to configure and playback:

http://www.wowza.com/forums/content.php?35-How-to-play-a-video-on-demand-file

Richard

0 Show 2 · Share

10 |600 characters needed characters left characters exceeded

Attachments: Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Aloysio Chagas · Feb 01, 2011 at 09:42 AM 0

Share

Thanks to reply Richard.

I used this tutorial: http://www.wowza.com/forums/content.php?217#appConfig to startup the application but I had no success. The tag used to load the video is:

<video id="vd" width="470" height="290" controls="controls" autobuffer="autobuffer" preload="preload" loop="loop">

<source src="http://192.168.0.16:8086/myapplication/mp4:sample.mp4/playlist.m3u8" type="video/mp4" />

</video>

I create the application folder in /applications/myapplication and the /conf/myapplication folder and copied the Application.xml to the same folder. The sample.mp4 are in the /content folder.

What I'm doing wrong?

Aloysio Chagas.

Aloysio Chagas Aloysio Chagas · Feb 01, 2011 at 09:45 AM 0

Share

Is there any problem with me is accessing via port 8086? I can not access through port 1935.

There is the log when I start the server.

Configure logging: file:///C:/Program Files/Wowza Media Systems/Wowza Media Serv

er 2.2.3/conf/log4j.properties

INFO server server-start Wowza Media Server 2 Developer 2.2.3 build26454 -

INFO server comment - Serial number: XXXXX-XXXXX-XXXXX-XXXXX-MQWQM

INFO server comment - Maximum connections: 10

INFO server comment - Hardware Available Processors: 2

INFO server comment - Hardware Physical Memory: 951MB/2047MB

INFO server comment - Hardware Swap Space: 3235MB/4095MB

INFO server comment - Max File Descriptor Count: Unlimited

INFO server comment - OS Name: Windows 7

INFO server comment - OS Version: 6.1

INFO server comment - OS Architecture: x86

INFO server comment - OS CPU: pentium_pro+mmx pentium_pro pentium+mmx pentium i4

86 i386 i86

INFO server comment - Java Name: Java HotSpot(TM) Client VM

INFO server comment - Java Vendor: Sun Microsystems Inc.

INFO server comment - Java Version: 1.6.0_21

INFO server comment - Java VM Version: 17.0-b17

INFO server comment - Java Spec Version: 1.6

INFO server comment - Java Home: C:\Program Files\Java\jdk1.6.0_21\jre

INFO server comment - Java Max Heap Size: 742MB

INFO server comment - Java Architecture: 32

INFO server comment - Java Encoding[file.encoding]: Cp1252

INFO server comment - Java Args[0]: -Xmx768M

INFO server comment - Java Args[1]: -Dcom.sun.management.jmxremote=true

INFO server comment - Java Args[2]: -Dcom.wowza.wms.AppHome=C:\Program

INFO server comment - Java Args[3]: Files\Wowza

INFO server comment - Java Args[4]: Media

INFO server comment - Java Args[5]: Systems\Wowza

INFO server comment - Java Args[6]: Media

INFO server comment - Java Args[7]: Server

INFO server comment - Java Args[8]: 2.2.3

INFO server comment - Java Args[9]: -Dcom.wowza.wms.ConfigURL=

INFO server comment - Java Args[10]: -Dcom.wowza.wms.ConfigHome=C:\Program

INFO server comment - Java Args[11]: Files\Wowza

INFO server comment - Java Args[12]: Media

INFO server comment - Java Args[13]: Systems\Wowza

INFO server comment - Java Args[14]: Media

INFO server comment - Java Args[15]: Server

INFO server comment - Java Args[16]: 2.2.3

INFO server comment - Java GC[0]: Copy

INFO server comment - Java GC[1]: MarkSweepCompact

INFO server comment - Server threads[h/t]: 10/10

INFO server comment - CMDInterface now listening: [any]:8083

INFO vhost vhost-start _defaultVHost_ -

INFO server comment - _defaultVHost_ threads[h/t]:120/80 home:C:\Program Files\W

owza Media Systems\Wowza Media Server 2.2.3

INFO vhost comment _defaultVHost_ Bind attempt ([any]:1935:4)

INFO vhost comment _defaultVHost_ Bind successful ([any]:1935)

INFO vhost comment _defaultVHost_ Bind attempt ([any]:8086:1)

INFO vhost comment _defaultVHost_ Bind successful ([any]:8086)

INFO server comment - Wowza Media Server is started!

Thanks again!

Help to create the first application with html5 + iPhone/iPad.

3 Replies

Your answer

Follow this Question

Related Questions

Hot Topics

Product Sign-in

Under the Hood

Partners

Company

Stay Connected

Sign Up for Our Blog

Select a Language