DSiBrew - User contributions [en]

Nintendo DSi Sound

2011-06-15T19:59:58Z

ScottyWZ: /* Convert music to an AAC format using WinFF (GNU FFmpeg frontend) */ M4A *IS* AAC

{{stub}}

Nintendo DSi Sound is an sound application built into the Nintendo DSi to play and play WITH music files in the AAC format and utilizes its microphone.

== Description ==

Nintendo DSi Sound is an application that ship with the Nintendo DSi. With it, you can listen and "play with" AAC audio files stored on a memory card. You can also record and edit your own voice. It can't play MP3 audio files. The sound application can also browse through folders that you store your music in. For instance, you can make a folder on the SD card that is named "Country" and put all of your country music in it and when you are looking for music on the channel you will see the folder "Country" and be able to see all of the music, and play, all the music that has been put in it. This can help you organize your music if you have a lot of it on the SD card. Note that there is a 3,000 song display limit on the Nintendo DSi.

== Converting to supported formats ==

=== Convert music to an AAC format using BonkEnc encoder ===

* Download and install the application [http://mesh.dl.sourceforge.net/sourceforge/bonkenc/BonkEnc-1.0.11.exe BonkEnc]
* Add your music (in your computer) with the red icon or add your music (in a CD) with the blue icon
[[Image:Convert_music_DSi.gif]]
* Now, click on the red icon to configure the encoder
[[Image:Convert_music_DSi2.gif]]
* In the new window, change "Encoder" to "FAAC MP4/AAC Encoder v1.26" and click on the "OK" button
* Select the output directory (on the bottom of the window)
* Now you can start by cliking on the red icon
[[Image:Convert_music_DSi4.gif]]
* Your music will be available in the output directory in .m4a format

=== Convert music to an AAC format using iTunes ===

If the file on iTunes is a normal AAC:
* Download and install the application iTunes.
* Click on file>add file to library.
* Choose your audio file.
* Right click on a file in your library and select "convert to AAC."

If the file on iTunes is a protected AAC:
* Copy the song(s) to a CD.
* Copy the song(s) on the CD to Windows Media Player.
* Windows Media Player will make these into MP3s, which iTunes can convert to AAC.

=== Convert music to an AAC format using WinFF (GNU FFmpeg frontend) ===

*Download from http://winff.org/html_new/downloads.html
**This is for WinXP and Linux
*Get it to work
**Install
**Configure directories if needed
***Edit>Preferences
*Add all files that need conversion (Video files will rip only the audio portion)
*Change to proper encoding settings
**Output Details tab
***Convert To: Audio
***Device Precet: MPEG4 Audio
***Change output folder to the SD card you wish to insert into the DSi
*Click the Convert button
*Please Wait

Note: This will output .m4a files. These are AAC files readable by the DSi.

Nintendo DSi Browser

2011-06-15T19:51:48Z

ScottyWZ:

The '''Nintendo DSi Browser''' is a free application downloadable from the [[Nintendo DSi Shop]]. It is capable of browsing the internet, but only with some plugins, including Javascript. Adobe Flash is not compatible with the application. Though Flash is not supported, sites such as DSiCade and DSiPaint have took advantage of the Javascript functionality and created games and applications, similar to ones created for Adobe Flash.

== Changelog ==

=== 29/30 July 2009 version (507) ===

* Reducing the size by 3 blocks

=== First version (483) ===

* First release

== Features/Limitations ==

{|class="wikitable sortable" width="300px"
! Feature
! Supported
|-
| Audio
| bgcolor="#ffdddd" | No
|-
| Canvas
| bgcolor="#ffffdd" | Limited
|-
| CSS2
| bgcolor="#ddffdd" | Yes
|-
| CSS3
| bgcolor="#ffffdd" | Partial ([http://www.css3.info/selectors-test/ test here])
|-
| DOM
| bgcolor="#ddffdd" |Yes
|-
| DOM2
| bgcolor="#ddffdd" |Yes
|-
| Javascript
| bgcolor="#ddffdd" | Yes
|-
| File Download
| bgcolor="#ffdddd" | No
|-
| File Upload
| bgcolor="#ffdddd" | No
|-
| Flash
| bgcolor="#ffdddd" | No
|-
| HTML5
| bgcolor="#ffffdd" | Partial
|-
| Plugins
| bgcolor="#ffdddd" | No
|-
| SVG
| bgcolor="#ffdddd" | No
|-
| Video
| bgcolor="#ffdddd" | No
|-
| XHTML
| bgcolor="#ddffdd" | Yes
|-
| XMLHttpRequest
| bgcolor="#ddffdd" | Yes
|}

== User Agent strings ==

Sample DSi Browser User Agent Strings :
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add one of the following tags between <head></head> :

<meta name="viewport" content="width=device-width" />
<meta name="viewport" content="width=240" />

Using device-width will adapt the page to the width of other mobile devices.

You can test this mode with the following demo page: [http://www.cashman-productions.fr.nf/dsi/ here] (link dead as of 06/2010)

=== Detect User Agent ===

To detect if the user agent is Nintendo DSi Browser :

<script type="text/javascript">
window.onload=function()
{
if (navigator.userAgent.indexOf('Nintendo DSi') == -1) //If the UserAgent is not "Nintendo DSi"
{
location.replace('http://www.dsibrew.org'); //Redirect to an other page
}
}
</script>

=== Key Codes ===

{|class="wikitable" width="20%"
! Code !! Button
|-
| 13 || A
|-
| 37 || Left
|-
| 38 || Up
|-
| 39 || Right
|-
| 40 || Down
|}

'''Notes''' :

* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button

== Screen Resolution ==

The DSi screen resolution is 256x192. However, the viewable area in the browser is only <b>240x176</b>. Both screens provide the same viewable area.

In vertical mode, you can have a page span both screens. However, the browser will behave as if the bottom screen is the only active screen and the top screen is scrolled off. This is important when computing CSS coordinates. Items positioned from "bottom" will be positioned based on 176px and not the full 352px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Use the meta tag to set vertical mode
# Ensure that your page takes up exactly 240x352 pixels.
# Add the following JavaScript just before the </body> tag:

<script type="text/javascript">document.body.scrollTop = 176;</script>

Generally the easiest way to accomplish the correct layout is to create HTML elements that "contain" the top and bottom screens. Here's an example:

<html>
<head>
<meta name="viewport" content="width=240" />
<style type="text/css">
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; overflow: hidden; }
</style>
</head>
<body>
<div id="topscreen">Top Screen</div>
<div id="bottomscreen">Bottom Screen</div>
</body>
</html>

This scheme allows the page to be easily manipulated through JavaScript.

== Example Sites ==

* [http://www.dsicade.com DSiCade]
* [http://dsipaint.com DSiPaint]
* [http://hullbreachonline.com/ds HullBreach Online Lite]

== See also ==

* [[Nintendo DSi Shop]]
* [[Nintendo Software]]

Nintendo DSi Browser

2011-06-15T19:50:25Z

ScottyWZ: /* Tips */

The '''Nintendo DSi Browser''' is a free application downloadable from the [[Nintendo DSi Shop]]. It is capable of browsing the internet, but only with some plugins, including Javascript. Adobe Flash is not compatible with the application. Though Flash is not supported, sites such as DSiCade and DSiPaint have took advantage of the Javascript functionality and created games and applications, similar to ones created for Adobe Flash.

== Changelog ==

=== 29/30 July 2009 version (507) ===

* Reducing the size by 3 blocks

=== First version (483) ===

* First release

== Features/Limitations ==

{|class="wikitable sortable" width="300px"
! Feature
! Supported
|-
| Audio
| bgcolor="#ffdddd" | No
|-
| Canvas
| bgcolor="#ffffdd" | Limited
|-
| CSS2
| bgcolor="#ddffdd" | Yes
|-
| CSS3
| bgcolor="#ffffdd" | Partial ([http://www.css3.info/selectors-test/ test here])
|-
| DOM
| bgcolor="#ddffdd" |Yes
|-
| DOM2
| bgcolor="#ddffdd" |Yes
|-
| Javascript
| bgcolor="#ddffdd" | Yes
|-
| File Download
| bgcolor="#ffdddd" | No
|-
| File Upload
| bgcolor="#ffdddd" | No
|-
| Flash
| bgcolor="#ffdddd" | No
|-
| HTML5
| bgcolor="#ffffdd" | Partial
|-
| Plugins
| bgcolor="#ffdddd" | No
|-
| SVG
| bgcolor="#ffdddd" | No
|-
| Video
| bgcolor="#ffdddd" | No
|-
| XHTML
| bgcolor="#ddffdd" | Yes
|-
| XMLHttpRequest
| bgcolor="#ddffdd" | Yes
|}

== User Agent strings ==

Sample DSi Browser User Agent Strings :
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/483; U; en-GB)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-US)
*Opera/9.50 (Nintendo DSi; Opera/507; U; en-GB)

== Tips ==

=== Vertical mode ===

To active the vertical mode automatically, add one of the following tags between <head></head> :

<meta name="viewport" content="width=device-width" />
<meta name="viewport" content="width=240" />

Using device-width will adapt the page to the width of other mobile devices.

You can test this mode with the following demo page: [http://www.cashman-productions.fr.nf/dsi/ here] (link dead as of 06/2010)

=== Detect User Agent ===

To detect if the user agent is Nintendo DSi Browser :

<script type="text/javascript">
window.onload=function()
{
if (navigator.userAgent.indexOf('Nintendo DSi') == -1) //If the UserAgent is not "Nintendo DSi"
{
location.replace('http://www.dsibrew.org'); //Redirect to an other page
}
}
</script>

=== Key Codes ===

{|class="wikitable" width="20%"
! Code !! Button
|-
| 13 || A
|-
| 37 || Left
|-
| 38 || Up
|-
| 39 || Right
|-
| 40 || Down
|}

'''Notes''' :

* Only A, Up, and Down normally emit codes
* Left and Right can be read only if L or R are held
* Holding L or R disables the A button

== Screen Resolution ==

The DSi screen resolution is 256x192. However, the viewable area in the browser is only <b>240x176</b>. Both screens provide the same viewable area.

In vertical mode, you can have a page span both screens. However, the browser will behave as if the bottom screen is the only active screen and the top screen is scrolled off. This is important when computing CSS coordinates. Items positioned from "bottom" will be positioned based on 176px and not the full 352px of both screens.

== Using Both Screens ==

Here's how your webpage can span both screens:

# Use the meta tag to set vertical mode
# Ensure that your page takes up exactly 240x352 pixels.
# Add the following JavaScript just before the </body> tag:

<script>document.body.scrollTop = 176;</script>

Generally the easiest way to accomplish the correct layout is to create HTML elements that "contain" the top and bottom screens. Here's an example:

<html>
<head>
<meta name="viewport" content="width=240">
<style>
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; overflow: hidden; }
</style>
</head>
<body>
<div id="topscreen">Top Screen</div>
<div id="bottomscreen">Bottom Screen</div>
</body>
</html>

This scheme allows the page to be easily manipulated through JavaScript.

== Example Sites ==

* [http://www.dsicade.com DSiCade]
* [http://dsipaint.com DSiPaint]
* [http://hullbreachonline.com/ds HullBreach Online Lite]

== See also ==

* [[Nintendo DSi Shop]]
* [[Nintendo Software]]