{"id":15395955,"url":"https://github.com/walsh9/videojs-transcript","last_synced_at":"2025-08-20T20:31:59.584Z","repository":{"id":20534654,"uuid":"23813942","full_name":"walsh9/videojs-transcript","owner":"walsh9","description":"▶️📃 Interactive transcript plugin for video.js","archived":false,"fork":false,"pushed_at":"2017-05-04T20:06:17.000Z","size":112,"stargazers_count":142,"open_issues_count":16,"forks_count":56,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-07-22T05:16:58.649Z","etag":null,"topics":["transcript","videojs"],"latest_commit_sha":null,"homepage":"https://walsh9.github.io/videojs-transcript/example.html","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/walsh9.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE-MIT","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-09-09T00:42:20.000Z","updated_at":"2025-06-09T09:22:21.000Z","dependencies_parsed_at":"2022-08-29T11:01:16.757Z","dependency_job_id":null,"html_url":"https://github.com/walsh9/videojs-transcript","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/walsh9/videojs-transcript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walsh9%2Fvideojs-transcript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walsh9%2Fvideojs-transcript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walsh9%2Fvideojs-transcript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walsh9%2Fvideojs-transcript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/walsh9","download_url":"https://codeload.github.com/walsh9/videojs-transcript/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walsh9%2Fvideojs-transcript/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271378680,"owners_count":24749192,"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","status":"online","status_checked_at":"2025-08-20T02:00:09.606Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["transcript","videojs"],"created_at":"2024-10-01T15:30:06.977Z","updated_at":"2025-08-20T20:31:59.316Z","avatar_url":"https://github.com/walsh9.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Video.js Transcript\n\nCreates interactive transcripts from text tracks.\n\n## Alpha Release 3\n\nPlease report any issues or feature requests on the tracker. Thank you!\n\n## Getting Started\n\nOnce you've added the plugin script to your page, you can use it with any video:\n\n```html\n\u003chead\u003e\n\u003cscript src=\"video.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"videojs-transcript.js\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\u003cvideo id=\"video\"\u003e\n      \u003csource src=\"whatever.webm\" type=\"video/webm\"\u003e\n      \u003ctrack kind=\"captions\" src=\"mycaptions.srt\" srclang=\"en\" label=\"English\" default\u003e\n\u003c/video\u003e\n\u003cdiv id=\"transcript\"\u003e\u003c/div\u003e\n\u003cscript\u003e\n    var video = videojs('video').ready(function(){\n      // Set up any options.\n      var options = {\n        showTitle: false,\n        showTrackSelector: false,\n      };\n\n      // Initialize the plugin.\n      var transcript = this.transcript(options);\n\n      // Then attach the widget to the page.\n      var transcriptContainer = document.querySelector('#transcript');\n      transcriptContainer.appendChild(transcript.el()); \n    }); \n\u003c/script\u003e\n\u003c/body\u003e\n```\nThere's also a [working example](https://walsh9.github.io/videojs-transcript/example.html) of the plugin you can check out if you're having trouble.\n\nYou'll also want to include one of the css files. \nYou can style the plugin as you like but there are a few examples in the /css folder to get you started.\n\n## Documentation\n### Plugin Options\n\nYou may pass in an options object to the plugin upon initialization. This\nobject may contain any of the following properties:\n\n#### autoscroll\n**Default:** true\n\nSet to false to disable autoscrolling.\n\n#### scrollToCenter\n**Default:** false\n\nBy default current row shows on the bottom on autoscrolling. Set to true to show it in the center\n \n#### clickArea\n**Default:** 'line'\n\nSet which elements in the transcript are clickable.\nOptions are 'timestamp', 'text', the whole 'line', or 'none'.\n\n#### showTitle\n**Default:** true\n\nShow a title with the transcript widget.\n\n(Currently the title only says 'Transcript')\n\n#### showTrackSelector\n**Default:** true\n\nShow a track selector with the transcript widget.\n\n#### followPlayerTrack\n**Default:** true\n\nWhen you change the caption track on the video, the transcript changes tracks as well.\n\n#### stopScrollWhenInUse\n**Default:** true\n\nDon't autoscroll the transcript when the user is trying to scroll it.\n\n(This probably still has a few glitches to work out on touch screens and stuff right now)\n\n### Plugin Methods\n**el()**\n\nReturns the DOM element containing the html transcript widget. You'll need to append this to your page.\n\n## Release History\n\n##### 0.8.0: Alpha Release 3\n\n* Updated for video.js 5.x\n\n##### 0.7.2: Alpha Release 2\n\n* Updated for video.js 4.12\n\n##### 0.7.1: Alpha Release 1\n\n* First release\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalsh9%2Fvideojs-transcript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwalsh9%2Fvideojs-transcript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalsh9%2Fvideojs-transcript/lists"}