RELEASE HTML-Video-Template NX

Discussion in 'Switch - Emulation, Homebrew & Software Projects' started by OkazakiTheOtaku, Oct 16, 2018.

  1. OkazakiTheOtaku
    OP

    OkazakiTheOtaku no thanks, I don't want a custom title

    Member
    8
    Jul 20, 2016
    Japan
    127.0.0.1
    HTML-Video-Template NX

    This is not a standalone project. It is for use with HomebrewWebFramework (can't link it here).

    This provides a simple framework for making easy to use installable video players for Nintendo Switch. Videos are (obviously) not provided, but easy to make and instructions can be found under the Encoding header.

    If you just want to get up and running, head down to the Usage section and get going. If you want to preview what it looks like on the Switch console, go to the Preview section.

    [​IMG]

    Features
    • Made in simple HTML with no copyrighted/SDK tools, so it can be used if a non-SDK html to .nsp maker comes out
    • Responsive and customizable GUI that looks great on the Switch's screen
    • Slots for up to 12 videos on a page
      • Later on, this will support more slots on a page, and a configurable second page
    • Titles for each video on the main GUI
    • Descriptions for each video on the main GUI
    • Icons for each video on the main GUI
    • Centered banner at the top for the title of the collection
    • Template .bmp images for the Horizon app icon
    Usage
    Warning: Spoilers inside!
    Encoding
    Follow these directions to make the most reliable videos.

    The recommended tool is Handbrake. Enable these settings, and optionally make a preset for easier encoding.

    • Set video resolution to 1280 x 720 (larger sometimes crashes the browser)
    • Enable the "Web Optimized" setting
    • Output as .mp4
    • If using subtitles, make sure to choose the "burn-in" option.
    • Only encode one audio and video track into the file
    Preview

    Here is an example of what someone has made, of the show Oshiete! Galko-chan

    FAQ and Troubleshooting

    Q: Why can't you link to HomebrewWebFramework?

    A: GBATemp rules.

    Q: The NSP keeps freezing my Switch when it is launched. What do?

    A: Make sure to enable the "select user on launch" option in the builder.

    Q: Tinfoil says that the NCA is invalid. What do?

    A: Try building with another keygen. 4.0.1-4.1 works well in my experience.

    Q: HomebrewWebFramework is crashing. What do?

    A. Make sure your app icon is a 24-bit .bmp.
     
    Last edited by OkazakiTheOtaku, Oct 16, 2018
  2. DarkUnixOs

    DarkUnixOs Member

    Newcomer
    2
    Aug 12, 2018
    Puerto Rico
    Wow thats Awesome!!

    Are u relesing the html?
     
    Last edited by DarkUnixOs, Oct 16, 2018
  3. Vaatu

    Vaatu Advanced Member

    Newcomer
    2
    Sep 18, 2018
    United States
    My Room
    This is amazing! Good work, I expect so many media players to be made now because of this. Let the anime players commence :grog:
     
  4. OkazakiTheOtaku
    OP

    OkazakiTheOtaku no thanks, I don't want a custom title

    Member
    8
    Jul 20, 2016
    Japan
    127.0.0.1
    The HTML is the framework. The GitHub releases are just packaged snapshots of the repo and source that I know work 100%.
    Thank you! Hopefully this enables people to more easily use the great tool by @XorTroll . I've had lots of fun and success with HomebrewWebFramework, and so I just kinda decided to publicly release what I made for myself.
     
  5. Vaatu

    Vaatu Advanced Member

    Newcomer
    2
    Sep 18, 2018
    United States
    My Room

    Very cool! I ran into a few hiccups but managed to figure out what they were so this will help newer builders for sure! Have you released any NSPs you have made to the aforementioned discord?
     
  6. OkazakiTheOtaku
    OP

    OkazakiTheOtaku no thanks, I don't want a custom title

    Member
    8
    Jul 20, 2016
    Japan
    127.0.0.1
    Would possibly like to, but I'm not sure who I'd get in touch with to do that. Also not sure how I feel about distributing something like that. I'm more comfortable with providing a template for others.

    What kind of hiccups did you run into, btw? So I can fix.
     
  7. Vaatu

    Vaatu Advanced Member

    Newcomer
    2
    Sep 18, 2018
    United States
    My Room
    I meant I ran into hiccups with the framework by itself, I still haven't used your method yet!

    But I will be testing it out and hopefully making some cool anime NSPs (current project is trying to make Hunter x Hunter 2011 divided by each arc, but thats been a pain since there are so many episodes and I cannot find the series in 720p MP4 :cry:)
     
  8. OkazakiTheOtaku
    OP

    OkazakiTheOtaku no thanks, I don't want a custom title

    Member
    8
    Jul 20, 2016
    Japan
    127.0.0.1
    Oh, okay, lol.
    Under the Encoding section there are instructions for making compatible 720p files, so you can use whatever you find :)
     
  9. DollyWhipDoll

    DollyWhipDoll You're on ignore.

    Member
    5
    May 18, 2018
    United States
    @Nevercholt Will you be making a video tutorial for adding your own movies with this?
     
  10. OkazakiTheOtaku
    OP

    OkazakiTheOtaku no thanks, I don't want a custom title

    Member
    8
    Jul 20, 2016
    Japan
    127.0.0.1
    Video tutorials aren't ideal since it might change drastically and then make the video tutorial out of date. Is there a way I can make the written tutorial any easier to understand?
     
  11. Meepers55

    Meepers55 Flintstones Regular

    Member
    4
    Aug 7, 2018
    United States
    Some people just find video tutorials easier to follow. It's not that your tutorial isn't easy to understand, it's just harder to visualize for some. I'm sure it'll be simpler for everyone to use in the inevitable gui version.
     
    DollyWhipDoll likes this.
  12. Asia81

    Asia81 In my Ecchi World <3

    Member
    13
    Nov 15, 2014
    France
    "html" make me doubt.
    Is is streaming over wifi (wherre the nsp is just a shortcut), or the video is loaded from nsp itself?
     
  13. DarkUnixOs

    DarkUnixOs Member

    Newcomer
    2
    Aug 12, 2018
    Puerto Rico
    From the NSP
     
    Asia81 likes this.
  14. Vaatu

    Vaatu Advanced Member

    Newcomer
    2
    Sep 18, 2018
    United States
    My Room
    It creates an HTML page to use offline. Essentially the file is compiled into an NSP where it opens an HTML page (like you would see on a website) and opens the files locally. No online functionality what-so-ever.
     
    Asia81 and DarkUnixOs like this.
  15. BlackTSQ

    BlackTSQ Advanced Member

    Newcomer
    2
    Oct 9, 2018
    Austria
    does javascript work aswell? Then it would be really easy to make a video player which automatically detects all files in a folder
     
  16. Miqote

    Miqote GBAtemp Regular

    Member
    5
    May 2, 2018
    Macedonia, The Former Yugoslav Republic of
    I tested the example here https://www.w3schools.com/jsref/jsref_regexp_test.asp and it shows true. So yes, it does.
     
  17. BlackTSQ

    BlackTSQ Advanced Member

    Newcomer
    2
    Oct 9, 2018
    Austria
    Ok thanks, good to know. It's not running an Apache Server or anything similar by any chance to run php code, does it?

    You could test that with something simple like <?php> echo "Test" </?>

    — Posts automatically merged - Please don't double post! —

    Oh, and the *.html needs to be changed into *.php ^^
     
  18. Miqote

    Miqote GBAtemp Regular

    Member
    5
    May 2, 2018
    Macedonia, The Former Yugoslav Republic of
    The application (Homebrew Web Framework) requires a index.html to build the NSP. I tried using javascript to forward it to "index.php" via window.location = "index.php"; but it just sat at a loading screen and crashed after about 20? seconds.
     
    BlackTSQ likes this.
  19. Asia81

    Asia81 In my Ecchi World <3

    Member
    13
    Nov 15, 2014
    France
    Ok, thanks for answer

    — Posts automatically merged - Please don't double post! —

    Is that "Homebrew Web Framework" part of the switch sdk ?
    If not, why can't it be linked?
     
  20. Miqote

    Miqote GBAtemp Regular

    Member
    5
    May 2, 2018
    Macedonia, The Former Yugoslav Republic of
Loading...