[GH-ISSUE #89] Modify Docker

kerem commented

2026-02-25 20:32:20 +03:00

Owner

Originally created by @stevetuk71 on GitHub (Nov 19, 2016).
Original GitHub issue: https://github.com/asapach/peerflix-server/issues/89

Hi I have been using peerflix-server for sometime and think its brilliant. Thanks.

I modified the index.html and main.html file to allow me to create a cast icon and push the URL of the media link to Chromecast URL player, this allows me to play the media directly from my chromcast.

I have recently been looking at Docker and thought this would be a better way than having to modify the files directly but have failed miserably.

I pulled and started a container and used docker exec to modify the files, then used commit to create a new image. when starting a new container from the modified image, it still doesn't have my modifications. I also tried modifying the files directly in the Docker volume under aufs/mnt.

Probably my noobie understanding of Docker, but any help would be appreciated.

Originally created by @stevetuk71 on GitHub (Nov 19, 2016). Original GitHub issue: https://github.com/asapach/peerflix-server/issues/89 Hi I have been using peerflix-server for sometime and think its brilliant. Thanks. I modified the index.html and main.html file to allow me to create a cast icon and push the URL of the media link to Chromecast URL player, this allows me to play the media directly from my chromcast. I have recently been looking at Docker and thought this would be a better way than having to modify the files directly but have failed miserably. I pulled and started a container and used docker exec to modify the files, then used commit to create a new image. when starting a new container from the modified image, it still doesn't have my modifications. I also tried modifying the files directly in the Docker volume under aufs/mnt. Probably my noobie understanding of Docker, but any help would be appreciated.

kerem added the

enhancement

label

2026-02-25 20:32:20 +03:00

kerem commented

2026-02-25 20:32:20 +03:00

Author

Owner

@Porco-Rosso commented on GitHub (Nov 19, 2016):

I would try creating a fork of peerflix-server with your changes, and then pulling that into a docker image you create.
Docker isn't designed to persist changes, from what I gather.

@Porco-Rosso commented on GitHub (Nov 19, 2016): I would try creating a fork of peerflix-server with your changes, and then pulling that into a docker image you create. Docker isn't designed to persist changes, from what I gather.

kerem commented

2026-02-25 20:32:20 +03:00

Author

Owner

@asapach commented on GitHub (Nov 19, 2016):

Pull request is welcome. I don't own a Chromecast, but would be happy to merge your changes.

@asapach commented on GitHub (Nov 19, 2016): Pull request is welcome. I don't own a Chromecast, but would be happy to merge your changes.

kerem commented

2026-02-25 20:32:20 +03:00

Author

Owner

@stevetuk71 commented on GitHub (Nov 20, 2016):

Thanks Aliaksei, but would expect it needs a little work prior to a merge :-)

In index

<script>
function createCastLinks() {
    var elements = document.getElementsByTagName('a');
    for (var i = 0; i < elements.length; i++) {
        if (elements[i].href.split('.')[elements[i].href.split('.').length - 1] == 'mp4') {
            elements[i].innerHTML = elements[i].innerHTML + '</a> <a style="float:right" href="http://movies.foamsnet.com/url/?url=https://[sub.domain.suffix]' + elements[i].href.split('[domain.suffix]')[1] + '&"><div class="cast-small"></div>';
        }
    }
}
</script>

obviously the domain.suffix is unique.

<link rel="stylesheet" href="styles/override.css"><body onload="createCastLinks()" ng-app="peerflixServerApp">

in main

<a class="btn btn-primary" onclick="createCastLinks()"><div class="cast-medium-white">

in style override.css

.cast-small {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAEOUlEQVRYw+1XW2hcRRj+ZubsOWd3s5vNJiaxRkottQr64OWlKgXxxRcx9KLkQSEmolSElEBoCq311ogQWwVN1WKlUl9KasT60tI+6AraiAREkdhor5q0ue1u9nJ2Z/7fh7OpuRgtJNv4kB9+zmHOP/988803888BVuz/ZK1dCbR2JZZt/Gff+AYWABzsfAgdPQlkCDKXAcMFKjNAKgJEAGQ1EMgADMCNAOksQOQnUQAcBjJBQGgAQQBT8IMlwFHAzQGUB2zhxwPApxf6eeTAdny440GIaUQtexOPAXi7lKLsJqQw0Vjo+FvP37PLmtFeBWDNjVoGAcCSIvcd8UtymSUpx0ZIWHNbmRnRWAiuE7gEAQKXYM8LXKAdC8dKIejKSOpWZlYzP1v/1EEphXAsvHbXlrWFpZ56y97EMIC6WXQsBD2bykbKKIdrpv4NBMDiRoiCZ4PgZVHmHCbEQoyVlQUxU5jMBECAmcvKip8f8IdhwJazQDAAEDNAXIoqBwgqPYU/V3sGE6GQ/TsxBgtesUpIcZMQ5VkSJg2wAEP4tQiA9dTuExLAhnRyan2ksmJfVTxS7QadW2rq4lOb2/vQ2924pCDI0HTxADMj5AAWMytmNAPcMjmeSk2MJQeI6PRvg+dv6+1u/Hlz++cIhx0cfuXRpQFB5GtO+JrgACCVEhwIyKQVUCCiKBNtFELsYebeps4vn+ntfhznhi5h+7tnlgiEARGByICZIQHIglc0FdFwz6qG2j0Nq+sPR2IVkwCDiO4gon1NnV/s+OpIK379cQi7P/lp0SCMMTDGgAyBmREBILUuqpE/rmw7+8u5neeHLjpeznskXl3ZBuYCkYkaQzubXz657fiBJgxfvroEmjDXnJn9c8JfI1j+ZsGTU+mpTalk+gk35Dyg8/prAJFMLtfR8f4P37/53L1nGtuOBnnOsfbfBdWP6Nu/NUdEAgD83cdwAFiOYzOEuMBMWS9fsIk5wMyfSSE2EdELxPQRgNWjVyeat3b0bSgWiq8CCF1/Zf8bcmPbUTbGWNPoiRkBAHJ8fIKYKVFTG/8gGoscJDLDZAy8vHfszrtvHyBDZwuFArx8/uHqmirWWg8brdW06znv892UXCuttaW1htYaRhuAGAqApZSykpOp5onxyS22Y78Ixpgxpj2TybqpZHp/sVg8JKR83RizXikpQuHgiFJq3WLri1ISlq2ClwFYQgoAgqUU8WDI7XFc552x0fEkCK7neRtjVZXHUuk0iAlCyrr6VbVdUsn7AaEWdakQQriuc/HbRIot27V1dU3844qK0DplWa6UcrAqHjskpbzPdm1EK6MDtcXiEdsJrLFt+8+bG+pPBcPBk4WcJ+Zdi6gkjOsgiTQhmZri/hP9vlLfOz0qJ8Ymg8aQAOBZAUuSIcuQgSVVXkhpG2OUMaaotfZee/qulb/GFSur/QXOuSy0J6FFTgAAAABJRU5ErkJggg==);
height: 33px;
width: 33px;
}
.cast-medium-white {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAMAAAAocOYLAAAB+1BMVEUAAACWj4KYkYTU0crz9vv19/v7//////8AAAD19fT////m5OD///8AAAAMAAD///8AAAA2Jw84KhJENx/s6+j////l4+D08/H+/v7///////+blYj////h391bTTduZFKCeWn///+Fe2r///9zallzbFv5+fpzaFRzaFVzaVZ0alerpZp5cF6OhniAd2fb292Ad2fS0tL8/f2QiHqEfGyDe2yIgHGNhXfPy8WjnZGgmo6inJCjnJGclYnn5uO+urLp6uz////Ixb+knpPKycXb2tX+//+YkIT////////FxMH49/bS0M/k4t69urTW08/////Oy8X5+fmknpL+/v7////MzMr////////////9/fz///////+0r6bh4N7Lx8D+/v3+/v76+vr19fX///+jnpX////w8O7///+2s63Jxr6yraTb2dTe3dm0saq2saj////////////+///n5+TQz8zS0MvS0M3T0czU0czU0s3V0czV0szV0s3AvLXh39zV0s38/f6tqJ3f3dj+/f3c2tX9/f2qpZrPzsvQzcfQzsrS0c/p5+Svqp/OzsrOzsvPzsrPzsve3Nf////U0s7////y8fD+//////++urP7+/v////////Oy8XPzMbQzcfb2NTo6Ojp5+Tp6ejq6ebz8vH+/v///v7///8zs/QUAAAAnXRSTlMAAAAAAAAAAAEBAQICBAQEBQUFBQYGBwgICAkMDxASFRUZGhodHR0eHh4eISMmLTI3ODk6P0JCQ0RHSEhITE5PVVtsbnBwd4CCg4SEhYyOkpKTk5WYmJubnp+hoaKjp6iqra+ws7S1ur3FxcnM0NHR0dTZ2tzh4eHh4eHh4eHi4uPk5+fn6Ojs7e3t7e3u7u7u7u7v8fHy9fb3+vv+v3M77gAAAT1JREFUeNq9z2VTwwAMgOGgg7Hi7jCgG+7uPtzd3V0GDBvuLe4u+Zm0jDu4dt0+wfv1Se4S+OtEOtWYGXCX+ggkdQAAcT0KNsx6tbCvWGv88f6B190r4iKh8YOUhGROSYm9iKpvV9uCAScwb/zZV9sALzHjKp2uf39ej8+wXiXs04xDzvL5lp12VxJglVFYXpJnxndJ09f9Ll14OV4bACIT7f85tjwh3k5GCv0via/sPr3B1TAw0uquPdiXWrCJ+0HAqQ5xgQCnznfE3PQzHPBQKPJ/pRhDnCPAIq3/Ba+LGvAtawK5KZn72zoiLnCq9AQHy3g+S4BzO9ZU4HPr+sdS9h5FUzQbRW0f0rv00Ygl2BcfX2Wu7TQPbYwGe8pIeSDJJCP9SdJPTvqaAnjFxHmHx4aERke5gZ4M4d/7BD5SwUQN1YI+AAAAAElFTkSuQmCC);
height: 31px;
width: 31px;
float: right;
}

@stevetuk71 commented on GitHub (Nov 20, 2016): Thanks Aliaksei, but would expect it needs a little work prior to a merge :-) In index ``` <script> function createCastLinks() { var elements = document.getElementsByTagName('a'); for (var i = 0; i < elements.length; i++) { if (elements[i].href.split('.')[elements[i].href.split('.').length - 1] == 'mp4') { elements[i].innerHTML = elements[i].innerHTML + '</a> <a style="float:right" href="http://movies.foamsnet.com/url/?url=https://[sub.domain.suffix]' + elements[i].href.split('[domain.suffix]')[1] + '&"><div class="cast-small"></div>'; } } } </script> ``` obviously the domain.suffix is unique. ``` <link rel="stylesheet" href="styles/override.css"><body onload="createCastLinks()" ng-app="peerflixServerApp"> ``` in main ``` <a class="btn btn-primary" onclick="createCastLinks()"><div class="cast-medium-white"> ``` in style override.css .cast-small { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAEOUlEQVRYw+1XW2hcRRj+ZubsOWd3s5vNJiaxRkottQr64OWlKgXxxRcx9KLkQSEmolSElEBoCq311ogQWwVN1WKlUl9KasT60tI+6AraiAREkdhor5q0ue1u9nJ2Z/7fh7OpuRgtJNv4kB9+zmHOP/988803888BVuz/ZK1dCbR2JZZt/Gff+AYWABzsfAgdPQlkCDKXAcMFKjNAKgJEAGQ1EMgADMCNAOksQOQnUQAcBjJBQGgAQQBT8IMlwFHAzQGUB2zhxwPApxf6eeTAdny440GIaUQtexOPAXi7lKLsJqQw0Vjo+FvP37PLmtFeBWDNjVoGAcCSIvcd8UtymSUpx0ZIWHNbmRnRWAiuE7gEAQKXYM8LXKAdC8dKIejKSOpWZlYzP1v/1EEphXAsvHbXlrWFpZ56y97EMIC6WXQsBD2bykbKKIdrpv4NBMDiRoiCZ4PgZVHmHCbEQoyVlQUxU5jMBECAmcvKip8f8IdhwJazQDAAEDNAXIoqBwgqPYU/V3sGE6GQ/TsxBgtesUpIcZMQ5VkSJg2wAEP4tQiA9dTuExLAhnRyan2ksmJfVTxS7QadW2rq4lOb2/vQ2924pCDI0HTxADMj5AAWMytmNAPcMjmeSk2MJQeI6PRvg+dv6+1u/Hlz++cIhx0cfuXRpQFB5GtO+JrgACCVEhwIyKQVUCCiKBNtFELsYebeps4vn+ntfhznhi5h+7tnlgiEARGByICZIQHIglc0FdFwz6qG2j0Nq+sPR2IVkwCDiO4gon1NnV/s+OpIK379cQi7P/lp0SCMMTDGgAyBmREBILUuqpE/rmw7+8u5neeHLjpeznskXl3ZBuYCkYkaQzubXz657fiBJgxfvroEmjDXnJn9c8JfI1j+ZsGTU+mpTalk+gk35Dyg8/prAJFMLtfR8f4P37/53L1nGtuOBnnOsfbfBdWP6Nu/NUdEAgD83cdwAFiOYzOEuMBMWS9fsIk5wMyfSSE2EdELxPQRgNWjVyeat3b0bSgWiq8CCF1/Zf8bcmPbUTbGWNPoiRkBAHJ8fIKYKVFTG/8gGoscJDLDZAy8vHfszrtvHyBDZwuFArx8/uHqmirWWg8brdW06znv892UXCuttaW1htYaRhuAGAqApZSykpOp5onxyS22Y78Ixpgxpj2TybqpZHp/sVg8JKR83RizXikpQuHgiFJq3WLri1ISlq2ClwFYQgoAgqUU8WDI7XFc552x0fEkCK7neRtjVZXHUuk0iAlCyrr6VbVdUsn7AaEWdakQQriuc/HbRIot27V1dU3844qK0DplWa6UcrAqHjskpbzPdm1EK6MDtcXiEdsJrLFt+8+bG+pPBcPBk4WcJ+Zdi6gkjOsgiTQhmZri/hP9vlLfOz0qJ8Ymg8aQAOBZAUuSIcuQgSVVXkhpG2OUMaaotfZee/qulb/GFSur/QXOuSy0J6FFTgAAAABJRU5ErkJggg==); height: 33px; width: 33px; } .cast-medium-white { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAMAAAAocOYLAAAB+1BMVEUAAACWj4KYkYTU0crz9vv19/v7//////8AAAD19fT////m5OD///8AAAAMAAD///8AAAA2Jw84KhJENx/s6+j////l4+D08/H+/v7///////+blYj////h391bTTduZFKCeWn///+Fe2r///9zallzbFv5+fpzaFRzaFVzaVZ0alerpZp5cF6OhniAd2fb292Ad2fS0tL8/f2QiHqEfGyDe2yIgHGNhXfPy8WjnZGgmo6inJCjnJGclYnn5uO+urLp6uz////Ixb+knpPKycXb2tX+//+YkIT////////FxMH49/bS0M/k4t69urTW08/////Oy8X5+fmknpL+/v7////MzMr////////////9/fz///////+0r6bh4N7Lx8D+/v3+/v76+vr19fX///+jnpX////w8O7///+2s63Jxr6yraTb2dTe3dm0saq2saj////////////+///n5+TQz8zS0MvS0M3T0czU0czU0s3V0czV0szV0s3AvLXh39zV0s38/f6tqJ3f3dj+/f3c2tX9/f2qpZrPzsvQzcfQzsrS0c/p5+Svqp/OzsrOzsvPzsrPzsve3Nf////U0s7////y8fD+//////++urP7+/v////////Oy8XPzMbQzcfb2NTo6Ojp5+Tp6ejq6ebz8vH+/v///v7///8zs/QUAAAAnXRSTlMAAAAAAAAAAAEBAQICBAQEBQUFBQYGBwgICAkMDxASFRUZGhodHR0eHh4eISMmLTI3ODk6P0JCQ0RHSEhITE5PVVtsbnBwd4CCg4SEhYyOkpKTk5WYmJubnp+hoaKjp6iqra+ws7S1ur3FxcnM0NHR0dTZ2tzh4eHh4eHh4eHi4uPk5+fn6Ojs7e3t7e3u7u7u7u7v8fHy9fb3+vv+v3M77gAAAT1JREFUeNq9z2VTwwAMgOGgg7Hi7jCgG+7uPtzd3V0GDBvuLe4u+Zm0jDu4dt0+wfv1Se4S+OtEOtWYGXCX+ggkdQAAcT0KNsx6tbCvWGv88f6B190r4iKh8YOUhGROSYm9iKpvV9uCAScwb/zZV9sALzHjKp2uf39ej8+wXiXs04xDzvL5lp12VxJglVFYXpJnxndJ09f9Ll14OV4bACIT7f85tjwh3k5GCv0via/sPr3B1TAw0uquPdiXWrCJ+0HAqQ5xgQCnznfE3PQzHPBQKPJ/pRhDnCPAIq3/Ba+LGvAtawK5KZn72zoiLnCq9AQHy3g+S4BzO9ZU4HPr+sdS9h5FUzQbRW0f0rv00Ygl2BcfX2Wu7TQPbYwGe8pIeSDJJCP9SdJPTvqaAnjFxHmHx4aERke5gZ4M4d/7BD5SwUQN1YI+AAAAAElFTkSuQmCC); height: 31px; width: 31px; float: right; }

kerem commented

2026-02-25 20:32:20 +03:00

Author

Owner

@asapach commented on GitHub (Nov 20, 2016):

@stevetuk71 a couple of notes:

index.html
- The app uses Angular, so createCastLinks() clashes with the rest of the code
- I'd rather not depend on any external websites or services - everything should be local. All you need is this library (or some portion of it): https://github.com/vickyg3/UrlPlayer/blob/master/js/castplayer.js
main.html
- Is there a way to detect if Chromecast is available and only show the icon when it's connected?
override.css
- I'd rather name the file chromecast.css

@asapach commented on GitHub (Nov 20, 2016): @stevetuk71 a couple of notes: - index.html - The app uses Angular, so `createCastLinks()` clashes with the rest of the code - I'd rather not depend on any external websites or services - everything should be local. All you need is this library (or some portion of it): https://github.com/vickyg3/UrlPlayer/blob/master/js/castplayer.js - main.html - Is there a way to detect if Chromecast is available and only show the icon when it's connected? - override.css - I'd rather name the file `chromecast.css`

kerem commented

2026-02-25 20:32:20 +03:00

Author

Owner

@stevetuk71 commented on GitHub (Nov 21, 2016):

Hi,

Thanks for the feedback.

I am not familiar with Angular. I will look into changing.

I do actually install castplayer.js locally. Only used the external reference to point to a working example of the chromecast URL :-)

Apparently you can check for the presence of "CrKey" in the user agent of the browser.. Although sending the URL to the selected cast, will still be a manual choice.

chromecast.css does make more sense :-)

@stevetuk71 commented on GitHub (Nov 21, 2016): Hi, Thanks for the feedback. I am not familiar with Angular. I will look into changing. I do actually install castplayer.js locally. Only used the external reference to point to a working example of the chromecast URL :-) Apparently you can check for the presence of "CrKey" in the user agent of the browser.. Although sending the URL to the selected cast, will still be a manual choice. chromecast.css does make more sense :-)

kerem commented

2026-02-25 20:32:20 +03:00

Author

Owner

@pataquets commented on GitHub (Mar 28, 2020):

@stevetuk71 : I love the idea, it would be a great addition.
Since it has been some time since you posted the issue, I would encourage you to push the changes to your fork, no matter how finished or not they are. Even if you're no longer interested in pushing them, somebody else might be and this would enable them to pick up where you left. It would be a pity that whatever you have accomplished ended up wasted or lost. Don't worry if it's not still polished nor elegant, that's OK and you're not even required to finish it yourself ;)
I guess you made it work already, so it will bi useful no matter what.

Also, if you're still interested in creating a Docker image, the easiest way to solve your need would be to to create an Automated Build on Docker Hub. It's very easy, indeed, but ping me anyway if you need help.
HTH.

@pataquets commented on GitHub (Mar 28, 2020): @stevetuk71 : I love the idea, it would be a great addition. Since it has been some time since you posted the issue, I would encourage you to push the changes to your fork, no matter how finished or not they are. Even if you're no longer interested in pushing them, somebody else might be and this would enable them to pick up where you left. It would be a pity that whatever you have accomplished ended up wasted or lost. Don't worry if it's not still polished nor elegant, that's OK and you're not even required to finish it yourself ;) I guess you made it work already, so it will bi useful no matter what. Also, if you're still interested in creating a Docker image, the easiest way to solve your need would be to to create an [Automated Build](https://docs.docker.com/docker-hub/builds/) on Docker Hub. It's very easy, indeed, but ping me anyway if you need help. HTH.

kerem referenced this issue

2026-02-25 20:32:42 +03:00

[PR #74] [MERGED] Updated Dockerfile to use an alpine (busybox) source. #168

kerem referenced this issue

2026-03-15 03:30:39 +03:00

[PR #74] [MERGED] Updated Dockerfile to use an alpine (busybox) source. #383

Rows
Columns

[GH-ISSUE #89] Modify Docker #74