{"id":18367690,"url":"https://github.com/jwplayer/jwplayer-tizen-app","last_synced_at":"2025-07-02T13:05:34.380Z","repository":{"id":42695080,"uuid":"245226231","full_name":"jwplayer/jwplayer-tizen-app","owner":"jwplayer","description":null,"archived":false,"fork":false,"pushed_at":"2023-10-16T17:13:13.000Z","size":786,"stargazers_count":6,"open_issues_count":10,"forks_count":6,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-06-04T05:54:09.919Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jwplayer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-03-05T17:27:59.000Z","updated_at":"2024-09-09T19:23:42.000Z","dependencies_parsed_at":"2024-11-05T23:36:53.825Z","dependency_job_id":null,"html_url":"https://github.com/jwplayer/jwplayer-tizen-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jwplayer/jwplayer-tizen-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jwplayer%2Fjwplayer-tizen-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jwplayer%2Fjwplayer-tizen-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jwplayer%2Fjwplayer-tizen-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jwplayer%2Fjwplayer-tizen-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jwplayer","download_url":"https://codeload.github.com/jwplayer/jwplayer-tizen-app/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jwplayer%2Fjwplayer-tizen-app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263145801,"owners_count":23420678,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-05T23:22:57.945Z","updated_at":"2025-07-02T13:05:34.326Z","avatar_url":"https://github.com/jwplayer.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JW Player Tizen App\n\n[Embed a Player in a Tizen App](https://docs.jwplayer.com/players/docs/jw8-embed-a-player-in-a-tizen-app)\n\nThis is JW Player’s demo application for Samsung Tizen Smart TVs showcasing how the player can be used for such applications. It is a Tizen Web Application built with HTML, CSS, and JS and targeting Tizen 4.0+ and 2018 Smart TVs and later.\n\nThere are three screens to the demo app. The main playlist landing page, the video detail page, and the player page.\n    \n## Build System\n\nThe Tizen Demo App has a unique build setup to make it easier to integrate webpack and es6. The build system is a simple webpack/babel setup used for compiling with eslint used for linting. The source code in `src` is compiled and output to `app/dist`. The app itself is created in this `app` directory and imports the compiled source code directly.\n\n## Getting Started\n\nDownload Tizen SDK: https://developer.tizen.org/development/tizen-studio/download\n\n**If you are using an M1 Macbook and encounter any installation issues, you can try installing Tizen Studio following this process: https://remoteorigin.com/blog/install-tizen-studio-on-apple-m1/*\n\n\n1. Clone or download this repository.\n    \n2. Launch Tizen Studio and select `File -\u003e Import -\u003e Tizen -\u003e Tizen Project`\n    \n3. Import the `app` folder from the `tizen-demo-app` directory into your workspace.\n\n\t- If you have issues importing the project, you can try loading it via `File -\u003e Open Projects from File System...` and select the `app` directory there instead.\n\n4. Open a terminal from the `tizen-demo-app` directory and run `npm install` to initialize the project dependencies.\n    \n5. Run `npm run build`. This will generate a `jw-tizen.css` and `jw-tizen.js` file in the `app/dist` folder, both of which are needed to run the project.\n    \n6. In `app/index.html`, you will need to add a link to your player that will be used in the app. It is the same process as [Adding a JW Player Library to a Page](https://docs.jwplayer.com/players/docs/jw8-add-a-player-library)\n\n\tIn the `\u003chead\u003e`, add either of the following:\n    \n\t- `\u003cscript src=\"https://www.yourdomain.com/{player_folder}/jwplayer.js\"\u003e\u003c/script\u003e`\n  `\u003cscript\u003ejwplayer.key='{player_key}'\u003c/script\u003e`\n    \n\t- `\u003cscript src=\"{CLOUD-HOSTED_PLAYER_LIBRARY_URL}\"\u003e\u003c/script\u003e`\n    \n## TV Extensions\n\nThere may be additional packages you need to install to run the application. You can find them in the Package Manager which can be accessed via `Tools -\u003e Package Manager`\n\n- Select the `Extension SDK` tab\n\n- Install the `Samsung Certificate Extension`\n\n- Install `TV Extension Tools`\n\n- Install any `TV Extensions-{version}`\n\n## Application Certificates\n\nIn order to run the application, you need to create an author and a distributor certificate: [Samsung Creating Certificates Docs](https://developer.samsung.com/SmartTV/develop/getting-started/setting-up-sdk/creating-certificates.html).\n\nWhen creating the distributor certificate, set the `Privilege` level to `Partner`.\n\nIf you are running the application on a TV, you need to know the TVs Unique Device ID (DUID), which can be found here:\n\n-  On your TV, open the settings menu and go to `Support \u003e About This TV` and scroll down to find the Unique Device ID.\n    \n## Running the Application\n\nYou can run the application in 3 different environments - a Web Simulator, an Emulator, or a TV. The simulator is great for development and quick run throughs, whereas the tv is better for the actual experience.\n\n#### Web Simulator\n[Samsung Web Simulator Docs](https://developer.samsung.com/smarttv/develop/getting-started/using-sdk/tv-simulator.html)\n\n- In the Project Explorer, right click on the project and select `Run As \u003e Tizen TV Web Simulator Application (Samsung TV)`\n\n- If you don't see a Project Explorer, you can open it by going to `Window -\u003e Show View -\u003e Other -\u003e General dropdown -\u003e Project Explorer`\n\n**Right click on the simulator screen to open a settings menu so you can access things like the web inspector.*\n\n#### Emulator\n**There have been issues running the emulator on Mac OS's newer than Catalina, so it's recommended to use a real device if possible. If you are having HAXM issues, you can try to work through them following this guide: https://github.com/intel/haxm/wiki/Installation-Instructions-on-macOS (Archived Jan. 2023)*\n\n[Samsung Emulator Docs](https://developer.samsung.com/smarttv/develop/getting-started/using-sdk/tv-emulator.html)\n\n- Right-click on the project and select `Run As \u003e Tizen Web Application`\n\nIf that doesn’t work try:\n    \n1. Go to `Tools \u003e Emulator Manager`\n    \n2. Select the Emulator you want and click `Launch`\n    \n3. Wait for a colorful ATV Screen\n    \n4. Right-click on the application's folder and choose `Run As \u003e Tizen Web Application`\n\n#### Tizen TV\n[Samsung TV Docs](https://developer.samsung.com/SmartTV/develop/getting-started/using-sdk/tv-device.html)\n\nDirections to setup the TV and configure it as a device are outlined in the linked doc.\n\n- Make sure the TV is connected to the same wifi as your computer.\n    \n- To find the TVs IP Address:\n    \n\t1. Open the TV Settings Menu by selecting **SETTINGS** on your remote or navigating to **SETTINGS** from the Smart Hub\n    \n\t2. Select `General -\u003e Network -\u003e Network Status -\u003e IP Settings`\n    \n- When configuring the device in Tizen Studio, if there is no port, keep the default `26101` port\n \nOnce you finish setting up and configuring in Tizen Studio:\n\n1. Right click the project and select `Build Signed Package`\n\n2. In the Device Manager, right click on the TV name in the device list and be sure to select `Permit to install applications` \n\n3. Right click the project and select `Run As \u003e Tizen Web Application`\n\nThe Tizen JW Demo app should then launch automatically within the TV.\n    \n## Updating the App\n#### Creating Your Own Player Screen\n\nIf you choose to create a custom player screen, you will need to handle back click events in order to ensure controls remains fully functional like below:\n\n\tjwplayer().on('backClick', onBackClick);\n\n    function onBackClick() {\n        // Back Click Functionality\n    }\n\n[Here](https://github.com/jwplayer/jwplayer-tizen-app/blob/master/tizen-demo-app/src/js/player.js#L21-L26) is an example of how the demo application handles these events in the player screen.\n#### Adding/Updating Application Screens\n\n- Any changes made to the application’s source code belong in the `src` folder.\n    \n- Run `npm run build` after any changes to update the compiled dist files.\n\n- You will need to restart the app to show any changes.\n\n#### Adding/Updating Application Media\n\nTo change the media used within the application, you will need to update the playlist feeds supplied to it.\n    \n- In `src/js/index.js` in the `init` function, you will see an object passed into the Gallery component like below:\n\n\t\tgallery = new Gallery({  \n\t\t\tfeeds: [PLAYLIST_ID_1, PLAYLIST_ID_2, ...],  \n\t\t\tparent: {view: mainDiv},  \n\t\t\tinit  \n\t\t});\n\n\tThe values in this object’s `feeds` array are Playlist IDs from your account dashboard.\n    \n- To update a playlist used within the app, you will just need to update the playlist for the desired playlist id in your dashboard.\n    \n- To add a new playlist to the app, create a new playlist in your dashboard and add the created playlist’s id to this array.\n    \n- You will need to restart the app to see your changes reflected.\n## Debugging\n\nIf you are using the Web Simulator, you can debug similarly to how you would debug in a browser. To pull up the web inspector, right click on the simulator and select `Web Inspector`.\n\nIf you are using the Emulator or TV, you can right click on the project and select `Debug As -\u003e Tizen Web Application` and a web inspector will appear.\n## Possible Issues\n\nCheck out [JW Player Tizen Troubleshooting](https://docs.jwplayer.com/players/docs/jw8-troubleshoot-tizen-app-issues).\n\nStill need help? Please [open an issue](https://github.com/jwplayer/jwplayer-tizen-app/issues) in this repo or reach out to our [Support Team](https://support.jwplayer.com/submit-support-case).\n\nHelpful Resources\n------------\n\n- [Tizen App Development Guide](https://medium.com/norigintech/the-ultimate-guide-to-samsung-tizen-tv-web-development-f4613f672368)\n\n- [Building a React App for Tizen](https://stackoverflow.com/a/59603438)\n\n- [Official Samsung Tizen Demo Apps](https://github.com/Samsung/TizenTVApps)\n\n- [Tizen Remote Controls Reference](https://developer.samsung.com/SmartTV/develop/guides/user-interaction/remote-control.html#)\n\n- Full list of Tizen Platforms and the devices that support them [here](https://developer.samsung.com/smarttv/develop/specifications/tv-model-groups.html).\n\t- Tizen 4.0 and below is supported on 2018 TVs\n\t- Tizen 5.0 and below is supported on 2019 TVs\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjwplayer%2Fjwplayer-tizen-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjwplayer%2Fjwplayer-tizen-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjwplayer%2Fjwplayer-tizen-app/lists"}