| Both sides previous revision Previous revision Next revision | Previous revision |
| faq:signage:d230 [2020/10/14 10:56] – [PC] christian | faq:signage:d230 [2021/08/09 12:36] (current) – Shuttle |
|---|
| ====== D230 ====== | ====== D230 ====== |
| | ===== Which apps are available and required? ===== |
| | **D230 Mobile** this is the universal tool for initial setup and content management for the D230 "stand-alone" model. Get the app here: [[https://play.google.com/store/apps/details?id=com.shuttle.d230mobile|Google Play]] or [[https://apps.apple.com/app/d230-mobile/id1479007133|App Store]] |
| | |
| | |{{fa>android?90&left}}|{{QRCODE>https://go.shuttle.eu/uwv5f}}|{{fa>apple?90&left}}|{{QRCODE>https://go.shuttle.eu/chwfm}}| |
| | |
| | **D230 Tool** This one is required for setting up a D230 to be connected to a server (requires a different firmware). Get the app here: [[https://play.google.com/store/apps/details?id=com.shuttle.d230mobilesv|Google Play]] or [[https://apps.apple.com/app/d230-tool/id1493365471|App Store]] |
| | |
| | |{{fa>android?90&left}}|{{QRCODE>https://go.shuttle.eu/53p-h}}|{{fa>apple?90&left}}|{{QRCODE>https://go.shuttle.eu/j30zw}}| |
| ===== What is the ideal content resolution? ===== | ===== What is the ideal content resolution? ===== |
| Make sure images and videos have these dimensions for borderless playback. | Make sure images and videos have these dimensions for borderless playback. |
| - Now press ''Shift + x'' to enter crop mode.\\ {{:faq:signage:d230:d230_xnview_resizing_cropping_02.png?direct&600|}} | - Now press ''Shift + x'' to enter crop mode.\\ {{:faq:signage:d230:d230_xnview_resizing_cropping_02.png?direct&600|}} |
| - Please fill these two fields with ''480'' and ''158'' (for the 4 segments horizontally template).\\ {{:faq:signage:d230:d230_xnview_resizing_cropping_06.png?direct&500|}} | - Please fill these two fields with ''480'' and ''158'' (for the 4 segments horizontally template).\\ {{:faq:signage:d230:d230_xnview_resizing_cropping_06.png?direct&500|}} |
| - You can move the selected area with your mouse now (don't touch the 6 white squares to keep the right format) to the right place\\ {{:faq:signage:d230:d230_xnview_resizing_cropping_03.png?direct&600|}}\\ <wrap tip>By hovering outside the selected area, the mouse pointer changes to a rotation tool that may be helpful as well picking the best view\\ {{:faq:signage:d230:d230_xnview_resizing_cropping_05.png?direct&500|}}</wrap> | - You can move the selected area with your mouse now (don't touch the 6 white squares to keep the right format) to the right place.\\ {{:faq:signage:d230:d230_xnview_resizing_cropping_03.png?direct&600|}}\\ <wrap tip>By hovering outside the selected area, the mouse pointer changes to a rotation tool that may be helpful for picking the best view.\\ {{:faq:signage:d230:d230_xnview_resizing_cropping_05.png?direct&500|}}</wrap> |
| - After you made your choice click //Save selection as…// to save this area as a separate file\\ {{:faq:signage:d230:d230_xnview_resizing_cropping_07.png?direct&500|}}\\ {{:faq:signage:d230:d230_xnview_resizing_cropping_04.png?direct&600|}} | - Once you have made your choice, please click //Save selection as…// to save this area as a separate file.\\ {{:faq:signage:d230:d230_xnview_resizing_cropping_07.png?direct&500|}}\\ {{:faq:signage:d230:d230_xnview_resizing_cropping_04.png?direct&600|}} |
| |
| === Videos === | === Videos === |
| For this instruction, we use a standard video file with a 1920×1080 resolution. Our D230 template is set to 4 segments. | For these instructions, we are using a standard video file in 1920×1080 as an example. Our D230 template is subdivided into 4 segments. |
| - Please install and start Avidemux. | - Please install and start Avidemux. |
| - Open the video you want to edit. | - Open the video file you want to edit. |
| - Change //Video Output// to ''Mpeg4 AVC (x264)'' and //Output Format// to ''MP4 Muxer''\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_02.png?direct&600|}} | - Change //Video Output// to ''Mpeg4 AVC (x264)'' and //Output Format// to ''MP4 Muxer''.\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_02.png?direct&600|}} |
| - Click //Filters// (below //Video Output//) | - Click on //Filters// (below //Video Output//). |
| - Choose //Transform// and double-click //swsResize// from the //Available Filters// column\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_03.png?direct&600|}} | - Choose //Transform// and double-click on //swsResize// from the //Available Filters// column.\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_03.png?direct&600|}} |
| - Change both //Source// and //Destination// to ''1:1'' | - Change both //Source// and //Destination// to ''1:1''. |
| - Enter ''480'' to //Width// (//Height// will be automatically changed accordingly to 270) and press OK\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_04.png?direct|}} | - Enter ''480'' to //Width// (//Height// will automatically be changed to 270 accordingly) and press OK.\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_04.png?direct|}} |
| - Double-clip //Crop// from the //Available Filters// column | - Double-click on //Crop// from the //Available Filters// column. |
| - Enter ''56'' to the //Top// and //Bottom// field (or two other values that add up to ''112'')\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_05.png?direct|}} {{:faq:signage:d230:d230_avidemus_resizing_cropping_06.png?direct|}} | - Enter ''56'' to the //Top// and //Bottom// field (or two other values that add up to ''112'').\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_05.png?direct|}} {{:faq:signage:d230:d230_avidemus_resizing_cropping_06.png?direct|}} |
| - The //Active Filters// column should look like this now\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_07.png?direct&600|}} | - The //Active Filters// column should look like this now:\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_07.png?direct&600|}} |
| - By clicking the //Preview// button you can preview the result of your configuration\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_08.png?direct|}} | - By clicking the //Preview// button you can preview the result of your configuration.\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_08.png?direct|}} |
| - Click //Close// when everything is fine\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_11.png?direct|}} | - Click on //Close//, if you are fine with the result.\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_11.png?direct|}} |
| - Press the disk icon to set a file name for the new video\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_10.png?direct|}} | - Press the disk icon to set a file name for the new video.\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_10.png?direct|}} |
| - The //Save// button starts the encoding process\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_09.png?direct&600|}} {{:faq:signage:d230:d230_avidemus_resizing_cropping_12.png?direct|}} | - The //Save// button starts the encoding process.\\ {{:faq:signage:d230:d230_avidemus_resizing_cropping_09.png?direct&600|}} {{:faq:signage:d230:d230_avidemus_resizing_cropping_12.png?direct|}} |
| ==== Android phone or tablet ==== | ==== Android phone or tablet ==== |
| With the biggest market share, powerful Android-based mobile devices can be used for image and video editing as well. There are many free and commercial apps and tools available. Our choice for images and photos is TBA and for videos, we have opted for [[https://play.google.com/store/apps/details?id=com.keerby.formatfactory|Video Format Factory]]. | With the biggest market share, powerful Android-based mobile devices can be used for image and video editing as well. There are many free and commercial apps and tools available. Our choice for images and photos is [[https://play.google.com/store/apps/details?id=com.simplemobilephotoresizer|Picture and Photo Resizer]] and for videos, we have opted for TBA. |
| === Images === | === Images === |
| TBA | - Please install and open Picture and Photo Resizer on your device.\\ {{:faq:signage:d230:d230_picture_and_photo_resizer_cropping_06.png?direct&400|}} |
| | - Select and open the image file you want to edit. |
| | - Tap //Crop//\\ {{:faq:signage:d230:d230_picture_and_photo_resizer_cropping_05.png?direct&400|}} |
| | - Tap //Resolution// and select //Custom//.\\ {{:faq:signage:d230:d230_picture_and_photo_resizer_cropping_03.png?direct&400|}} |
| | - Enter the required width and height required by the current D230 template.\\ {{:faq:signage:d230:d230_picture_and_photo_resizer_cropping_02.png?direct&400|}} |
| | - Move the select box to find the best position to crop.\\ {{:faq:signage:d230:d230_picture_and_photo_resizer_cropping_01.png?direct&400|}} |
| | - Select //Crop// |
| | - The cropped image file is now available on your mobile device.\\ {{:faq:signage:d230:d230_picture_and_photo_resizer_cropping_04.png?direct&400|}} |
| === Videos === | === Videos === |
| - Please install and start Audio Video Factory. | TBA |
| - Press the {{fa>plus-circle?30}} button.\\ {{:faq:signage:d230:d230_audiovideofactory_resizing_cropping_01.png?direct&400|}} | |
| - Select the video file you want to edit.\\ {{:faq:signage:d230:d230_audiovideofactory_resizing_cropping_02.png?direct&400|}} | |
| - Touch the //Convert// button\\ {{:faq:signage:d230:d230_audiovideofactory_resizing_cropping_03.png?direct&400|}} | |
| - Enter the correct [[faq:signage:d230#what_is_the_ideal_content_resolution|resolution]] in the //Size// field (use the {{fa>ellipsis-h?20}} button) required by the template\\ {{:faq:signage:d230:d230_audiovideofactory_resizing_cropping_04.png?direct&400|}} | |
| - Scroll down to //Crop// and activate the function. | |
| - Move and resize the select box to find the best position to crop.\\ {{:faq:signage:d230:d230_audiovideofactory_resizing_cropping_05.png?direct&400|}} | |
| - Scroll down and activate //Convert Now!//\\ {{:faq:signage:d230:d230_audiovideofactory_resizing_cropping_06.png?direct&400|}} | |
| - The rendering process starts.\\ {{:faq:signage:d230:d230_audiovideofactory_resizing_cropping_07.png?direct&400|}} | |
| - After completing the new file is available on your mobile device. | |
| |
| ==== iOS device ==== | ==== iOS device ==== |
| === Images === | === Images === |
| Apples iOS is a widely uses mobile platform for which many free and commercial apps available. Our choice for images and photos is the app [[https://apps.apple.com/us/app/image-size/id670766542|Image Size]] | Apple's iOS is a widely used mobile platform for which many free and paid apps are available. Our recommendation to deal with images and photos is this app: [[https://apps.apple.com/us/app/image-size/id670766542|Image Size]] |
| - Please install and open the app on your device. | - Please install and open the app on your device. |
| - Open the image file you want to edit. | - Open the image file you want to edit. |
| - Define the height and width of the image.\\ <wrap tip>Which pixel sizes are supported by the D230? [[faq:signage:d230#what_is_the_ideal_content_resolution|click here.]]</wrap>\\ {{:faq:signage:d230:d230_app_image_size_cropping_01.png?direct&400|}} | - Define the height and width of the image.\\ <wrap tip>Which pixel sizes are supported by the D230? [[faq:signage:d230#what_is_the_ideal_content_resolution|click here.]]</wrap>\\ {{:faq:signage:d230:d230_app_image_size_cropping_01.png?direct&400|}} |
| - Crop the image with your fingers by using multitouch gestures\\ {{:faq:signage:d230:d230_app_image_size_cropping_02.png?direct&400|}} | - Crop the image with your fingers by using multi-touch gestures.\\ {{:faq:signage:d230:d230_app_image_size_cropping_02.png?direct&400|}} |
| - Save it directly on the iPhone/iPad\\ {{:faq:signage:d230:d230_app_image_size_cropping_03.png?direct&400|}} | - Save it directly on your iPhone/iPad\\ {{:faq:signage:d230:d230_app_image_size_cropping_03.png?direct&400|}} |
| |
| === Videos === | === Videos === |
| |
| ===== By how many pixels must videos be cropped? ===== | ===== By how many pixels must videos be cropped? ===== |
| To fit videos smoothly into D230's vertical resolution of 158 pixels, you have to create your content in this exact format or resize and crop existing media accordingly. If you plan to show the content in vertical alignment you have to flip width and height. | To make videos match the D230's vertical resolution of 158 pixels, you need to create your content in exactly the following formats. Otherwise you need to resize and crop existing media accordingly. If you intend to display content in vertical alignment, you will have to flip width and height. |
| ^Original aspect ratio^Targeted # of segments^Height after resizing to correct width^To be cropped from top and bottom^ | ^Original aspect ratio^Targeted # of segments^Height after resizing to correct width^To be cropped from top and bottom^ |
| |16:9|4|480 × 270 px|112 px (56 px + 56 px)| | |16:9|4|480 × 270 px|112 px (56 px + 56 px)| |
| * When the D230 mobile app is used to create a project using photo and video files, the D230 mobile app will ask for permission to access "Photos”. Please grant permission.\\ {{:faq:signage:d230:d230_permissions_03.jpg?nolink|}} | * When the D230 mobile app is used to create a project using photo and video files, the D230 mobile app will ask for permission to access "Photos”. Please grant permission.\\ {{:faq:signage:d230:d230_permissions_03.jpg?nolink|}} |
| |
| ===== Changing the default logo ===== | ===== How do I change the default logo? ===== |
| - Save the Logo file to the SD card (Image file resolution must be 1920 × 158 px). | - Save the logo file on the SD card (resolution of image file must be 1920 × 158 px). |
| - Insert the SD card into the slot on the D230. | - Insert the SD card into the slot on the D230. |
| - The D230 automatically saves the logo image file to the default folder from the SD card. | - The D230 automatically saves the logo image file in the default folder on the SD card. |
| - Please reboot the D230 to read and load newLogo and to complete the replacement process. | - Please reboot the D230 to read and load the new logo and to complete the replacement process. |
| :!: Note: The file format is either ''jpg'' or ''png''. The file name is set as follows: Landscape: ''d230_logo_l'' Portrait: ''d230_logo_p'' | :!: Please note: The file format must be either ''jpg'' or ''png''. The file name is set as follows: Landscape: ''d230_logo_l'' Portrait: ''d230_logo_p'' |
| | |
| | ==== How do I activate root on the D230 ? ==== |
| | An Android image with root privileges is available on request. Please [[https://www.shuttle.eu/en/support/support-enquiry|contact our Support-Team]] for more information. |
| | |
| |
| ==== Related links ==== | ==== Related links ==== |
| {{backlinks>.}} | {{backlinks>.}} |