Sample wap page:
Aim:
Ok so you have got your movie or sdp file up onto your streaming server but wouldn't it be nice to make some kind of web page, or in this case a wap (Wireless Application Protocol) page to show off your work? Well we can and the name of the code language is wml (Wireless Markup Language).
What will you need:
Hardware: Access to a web server so you can save your wml files.
Software: A text editor like TextEdit & Opera for wap testing. Click here to go to Opera's site
1. So if you open up TextEdit. Applications > TextEdit
Then press these keys "Apple key + Shift + T"
- Tip: a short cut to Applications folder when in the finder is to press "Shift + Apple key + A"
2. With our new document we can make a start. We start to write the defoult core of any wml page.
- <?xml version="1.0"?>
- <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
- "http://www.wapforum.org/DTD/wml_1.1.xml">
- <wml>
- <!--
- In this part of the document we
- add our content side of the wml
- code.
- -->
- </wml>
3. Next we will add some content. By adding a title to our page "My 1st wml page", after <wml>.
- <card title="My 1st wml page">
- <!-- are paragraphs will sit in here -->
- </card>
4. Now we will add some text content. To do this we will use a <p> tag for creating paragraphs and <br/> tag for line break. So add the following: "Welcome to my new page. Click on the link below play my 1st movie."
- <p> Welcome to my new page. <br/>
- Click on the link below <br/>
- to play my 1st 3gpp movie. </p>
5. Ok with the text in place we will add the link to the movie on our streaming server. In this case we will use the <a> tag for this.
- Note: for the a tag to work we will have to inbed it into a p tag.
- <p> <a href="rtsp://my-streaming-server/my-movie.3gp"> My 3gpp movie </a> </p>
5.a This is what the code would look like for a sdp file on your streaming server, if your are doing a live broadcast. You only edit the the link in the href="rtsp://my-streaming-server/live-movie.sdp"
- <p> <a href="rtsp://my-streaming-server/live-movie.sdp"> My live 3gpp movie </a> </p>
6. So your final bit of code should look something like this below. Save your new wml file, when you name your file just add .wml at the end of the name eg. "my-1st-page.wml" then place it onto your web server.
- <?xml version="1.0"?>
- <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
- "http://www.wapforum.org/DTD/wml_1.1.xml">
- <wml>
- <card title="My 1st wml page">
- <p> Welcome to my new page <br/>
- click on the link below <br/>
- to play my 1st 3gpp movie. </p>
- <p> <a href="rtsp://my-streaming-server/my-movie.3gp"> My 3gpp movie </a> </p>
- </card>
- </wml>
Congratulations on your 1st wap page!!
Now if you want to see a working example of the above just go to http://homepage.mac.com/a.burt/3g/mlearning/examples/my-1st-page.wml on your mobile phone wap browser.
If you would like to view the wap page in a web browser, then I'd recommend you use Opera click here to go to Opera's site.
Opera will read wap pages whereas Safari will display them are raw code. So you can use Opera as your testing application for future wap pages you may make.
Demo page:
If you would like to see a demo of the Italian international architecture La Biennale in Venice 2004. Just enter this url into your wap browser on your phone - http://homepage.mac.com/a.burt/3g/mlearning/examples/biennale.wml
