{"id":20143904,"url":"https://github.com/mehryars/blobber","last_synced_at":"2025-04-09T18:53:58.797Z","repository":{"id":57156477,"uuid":"123475636","full_name":"MehryarS/blobber","owner":"MehryarS","description":"blobber force the browser to download videos and make ready to play on page load","archived":false,"fork":false,"pushed_at":"2023-02-27T20:56:47.000Z","size":41312,"stargazers_count":5,"open_issues_count":4,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-18T15:46:02.400Z","etag":null,"topics":["ajax","blob","javascript","jquery"],"latest_commit_sha":null,"homepage":null,"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/MehryarS.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-03-01T18:26:01.000Z","updated_at":"2024-10-19T22:13:47.000Z","dependencies_parsed_at":"2023-01-23T12:30:25.041Z","dependency_job_id":null,"html_url":"https://github.com/MehryarS/blobber","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MehryarS%2Fblobber","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MehryarS%2Fblobber/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MehryarS%2Fblobber/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MehryarS%2Fblobber/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MehryarS","download_url":"https://codeload.github.com/MehryarS/blobber/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248093780,"owners_count":21046743,"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":["ajax","blob","javascript","jquery"],"created_at":"2024-11-13T22:07:29.495Z","updated_at":"2025-04-09T18:53:58.777Z","avatar_url":"https://github.com/MehryarS.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# blobber\n\nIt is a light javascript library based on jQuery for helping you to make object URL for videos on each page.\nThe URL lifetime is tied to the document in the window on which it was created.\n\n*blobber make blob URL (blob is a pseudo protocol - **b**inary **l**arge **ob**ject) for your videos.*\n\nCheck [demo](http://blobber.mehryars.com/)\n\n\n\n\n### INSTALLATION:\n\nYou can use npm to install blobber\n```sh\nnpm install url-blobber\n```\n\n\nor you can do it manually:\n1. Include CSS file to head tag\n```html\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"css/blobber.css\"\u003e\n```\n2. Include the JS file before the end of your body tag, below the JQuery plugin\n```html\n\u003cscript type=\"text/javascript\" src=\"js/blobber.js\"\u003e\u003c/script\u003e\n```\n\n\n\n\n### USAGE:\n\n**Step 1:** Add videos to html document as DOM:\n```html\n\u003cdiv id=\"video-container\"\u003e\n    \u003cvideo id=\"video-1\" muted controls src=\"videos/611180814.mp4\"\u003e\u003c/video\u003e\n    \u003cvideo id=\"video-2\" muted controls src=\"videos/627974149.mp4\"\u003e\u003c/video\u003e\n    \u003cvideo id=\"video-3\" muted controls src=\"videos/680705713.mp4\"\u003e\u003c/video\u003e\n    \u003cvideo id=\"video-4\" muted controls src=\"videos/703407890.mp4\"\u003e\u003c/video\u003e\n\u003c/div\u003e\n```\n\n##### TIPS:\n1. Each video should have an unique id.\n2. You can use all video attributes.\n\n\n**Step 2:** Fire the plugin\n```javascript\n$(\"#video-container\").blobber();\n```\n\n\n\n\n### OPTIONS:\n\nYou can customize:\n\n| Parameter            | Default Value | Description                              |\n| -------------------- | ------------- | ---------------------------------------- |\n| complete             | null          | Use founctions as a callback             |\n| preloader            | true          | Disable preloader                        |\n| preloaderBackground  | \"#FFFFFF\"     | Change preloader background color        |\n| progressBar          | true          | Hide progress bar on preloader page      |\n| progressBarColor     | \"#000000\"     | Change progress bar color                |\n| progressSpinner      | true          | Hide spinner animation on preloader page |\n| progressSpinnerColor | \"#000000\"     | Change spinner animation color           |\n| progressStatus       | true          | Hide status reporter on preloader page   |\n| progressStatusColor  | \"#999999\"     | Change status reporter color             |\n\n\n\n\n### EXAMPLE:\n\n```javascript\n$(\"#video-container\").blobber({\n    complete: function(){\n        alert(\"Hello, It's Done!\");\n    }\n});\n```\n\n\n\n\n### LICENSE:\n\nThis software is free to use under the MIT license.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmehryars%2Fblobber","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmehryars%2Fblobber","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmehryars%2Fblobber/lists"}