[Guide] How to resize video to fit in osu!taiko playfield

Introduction

Problem

Figure 1. Example of overlapped video with playfield

Solution

1. Determine which difficulty will have this resize effect. If beatmapset . . .
   
   • 
     - . . . has more than 1 mode-specific map (e.g. osu!taiko and osu!catch beatmap) then we will only apply the resize effect in every osu!taiko .osu files
     - . . . has only osu!taiko map then we can apply the resize to all difficulty by creating .osb file. The file should be <ArtistName> - <SongTitle> (<BeatmapsetHostName>).osb. You can create the file with Notepad.
   The example beatmap has osu!taiko and osu!mania beatmap thus we will apply the effect to osu!taiko map only.
2. Enable Widescreen Support in song setup (song setup > Design Tab > Widescreen Support).
   
   
   
   Figure 2. Enabling Widescreen Support
   
3. Open .osu or .osb file (depending on first step) with Notepad then copy and paste these commands to [Event] section. Note: if you are editing from .osu file then append the background image command before "Video..." statement, see example on step 4.
   
   

      [Events]
      //Background and Video events
      Video,<startTime>,"<videoFileName>"
       S,0,<startTime>,<startTime>,<videoScale>
       F,0,<startTime>,<startTime>,0,1
       F,0,<endTime>,<endTime>,1,0
       MY,0,<startTime>,<startTime>,<videoYPosition>,<videoYPosition>
      //Break Periods
      //Storyboard Layer 0 (Background)
      //Storyboard Layer 1 (Fail)
      //Storyboard Layer 2 (Pass)
      //Storyboard Layer 3 (Foreground)
      //Storyboard Layer 4 (Overlay)
      //Storyboard Sound Samples
      

4. Change each <name> with following value:
   - <videoFileName>: Video file name with its extension, e.g. "video.mp4".
   - <startTime>: When the video start (in miliseconds), preferably 0.
   - <endTime>: When the video end (in miliseconds).
   - <videoScale>: Scale of video from 0 to 1. Use this formula to get the value: videoScale = (480.0/<videoHeight> pixel)/2. You can tune in the value to make it to fit more to the field.
   - <videoYPosition>: Where video height will be displayed, start from 100, you can add or reduce to make it more fit (bottom of video overlap with bottom of storyboard field).
   
   Here is example of it.
   
   
   Figure 3. Storyboard commands example
   
5. Save the .osb or .osu file and open the beatmap in osu! editor. The example should look like this.
   
   
   Figure 4. Example result in Design tab
   
   
   Figure 5. Gameplay result
   
6. If it has displayed correctly, you can save the .osu or .osb file. If you are editing .osu file, copy and paste those command to other osu!taiko .osu file as well.