Redoing the player in Flash

Discuss topics that are unrelated to Ace Attorney Online, introduce yourself if you're new and read the latest Member of the Month interview.

Moderators: EN - Assistant Moderators, EN - Forum Moderators

Forum rules

Re: Redoing the player in Flash 

Postby henke37 » Fri Mar 18, 2011 11:53 am

I think I just want a simple page, no blog or any other strange things. Just a plain old normal page. I actually have some thin content already, it is the styling that I need here.
Currently working on a redesign of Court-records.net.
User avatar
henke37
Security expert / tools programmer
 
Posts: 3031
Joined: Wed Mar 04, 2009 9:42 pm
Location: Sweden
Gender: Male
Spoken languages: Swedish,English

Re: Redoing the player in Flash 

Postby Phantom » Fri Mar 18, 2011 11:34 pm

I can do that, I'll also be able to make it so you can easily add the content yourself [you'll have your own account and all ofc] (the only thing is, AT FIRST, it's gonna look like a blog, but overtime I can develop a child-theme specifically for how you want it, I just need more experience and time for this, so I suggest you either wait for your other guy, or find another option for the time-being)


Also, I found a server host that won't have to get me worried about paying for anything (gotta love having connections), so that can be covered too.
Phantom
 

Re: Redoing the player in Flash 

Postby henke37 » Fri Mar 18, 2011 11:46 pm

I prefer to just type html and have it styled with css. No need to mess with any content management software. No database stuff, no fancy forms used to edit text. Just plain old html file uploading.

If you can provide css styling of existing html, then I am interested.
Currently working on a redesign of Court-records.net.
User avatar
henke37
Security expert / tools programmer
 
Posts: 3031
Joined: Wed Mar 04, 2009 9:42 pm
Location: Sweden
Gender: Male
Spoken languages: Swedish,English

Re: Redoing the player in Flash 

Postby Phantom » Sat Mar 19, 2011 12:18 am

You mean a style.css file basically?

Code: Select all
/*
Example stylesheet, not sure if this is what you wanted henke
*/

body {
   margin: 0;
   padding: 0;
   background: #202020;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #6F6F6F;
}

h1, h2, h3 {
   margin: 0;
   padding: 0;
   text-transform: uppercase;
   font-family: Impact, Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #2B2522;
}

h1 {
   font-size: 2em;
}

h2 {
   font-size: 2.8em;
}

h3 {
   font-size: 1.6em;
}

p, ul, ol {
   margin-top: 0;
   line-height: 180%;
}

ul, ol {
}

a {
   text-decoration: underline;
   color: #D93544;
}

a:hover {
   text-decoration: none;
}

#wrapper {
   width: 1000px;
   margin: 0 auto;
   padding: 0;
   background: #000000;
}

/* Header */

#header-wrapper {
   height: 120px;
}

#header {
   width: 1000px;
   margin: 0 auto;
   padding: 0px 0px 0px 0px;
}

/* Logo */

#logo {
   float: left;
   width: 350px;
   margin: 0;
   padding: 0;
   color: #000000;
}

#logo h1, #logo p {
}

#logo h1 {
   margin-left: 30px;
   padding: 20px 0px 0px 0px;
   letter-spacing: -1px;
   text-transform: uppercase;
   font-family: Impact, Arial, Helvetica, sans-serif;
   font-size: 3.8em;
   font-weight: normal;
   color: #FA9F0A;
}

#logo h1 a {
   color: #FA9F0A;
}

#logo h1 span {
}

#logo p {
   margin: 0;
   padding: 0px 0 0 32px;
   font: normal 14px Georgia, "Times New Roman", Times, serif;
   font-style: italic;
   color: #BEBEBE;
}

#logo a {
   border: none;
   background: none;
   text-decoration: none;
   color: #707070;
}

/* Search */

#search {
   float: right;
   width: 280px;
   height: 60px;
   padding: 20px 0px 0px 0px;
}

#search form {
   height: 41px;
   margin: 0;
   padding: 10px 0 0 0px;
}

#search fieldset {
   margin: 0;
   padding: 0;
   border: none;
}

#search-text {
   width: 170px;
   height: 19px;
   padding: 4px 5px 1px 5px;
   border: none;
   background: #FFFFFF;
   text-transform: lowercase;
   font: normal 11px Arial, Helvetica, sans-serif;
   color: #5D781D;
}

#search-submit {
   width: 50px;
   height: 26px;
   border: none;
   background: #D93544;
   color: #FFFFFF;
}

/* Menu */

#menu {
   float: right;
   height: 125px;
   margin: 0 auto;
   padding: 0;
   background: #D43442;
}

#menu ul {
   margin: 0;
   padding: 0px 0px 0px 0px;
   list-style: none;
   line-height: normal;
}

#menu li {
   float: left;
   border-left: 1px solid #EC4E63;
}

#menu a {
   display: block;
   height: 80px;
   padding: 45px 25px 0px 25px;
   text-decoration: none;
   text-align: center;
   text-transform: uppercase;
   font-family: Impact, Arial, Helvetica, sans-serif;
   font-size: 26px;
   font-weight: normal;
   color: #FFFFFF;
   border: none;
}

#menu a:hover, #menu .current_page_item a {
   text-decoration: none;
}

#menu .current_page_item a {
}

/* Page */

#page {
   width: 980px;
   margin: 0 auto;
   padding: 0px 0px 0px 0px;
}

#page-bgtop {
   padding: 20px 0px;
}
/* Content */

#content {
   float: left;
   width: 600px;
   padding: 40px 0px 0px 20px;
}

.post {
   margin-bottom: 30px;
   padding: 30px 20px 20px 20px;
   background: #212121;
   border: 1px dashed #000000;
}

.post .title {
   height: 41px;
   padding: 0px 0px 0px 0px;
   letter-spacing: -1px;
}

.post .title a {
   text-decoration: none;
   color: #FFFFFF;
   border: none;
}

.post .entry {
   padding: 20px 30px 20px 30px;
   padding-bottom: 20px;
   text-align: justify;
}

.post .byline {
   clear: both;
   overflow: hidden;
   padding-bottom: 20px;
}

.post .meta {
   float: left;
}

.post .links {
   float: right;
}

.links a {
}

/* Sidebar */

#sidebar {
   float: right;
   width: 300px;
   margin: 0px;
   padding: 20px 20px 0px 0px;
}

#sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#sidebar li {
   margin: 0;
   padding: 0;
}

#sidebar li ul {
   margin: 0px 0px;
   padding-bottom: 30px;
}

#sidebar li li {
   line-height: 35px;
   border-bottom: 1px dashed #191919;
   background: url(images/img01.jpg) no-repeat left 15px;
   margin: 0px 20px 0px 20px;
   border-left: none;
   text-align: left;
}

#sidebar li li span {
   display: block;
   margin-top: -20px;
   padding: 0;
   font-size: 11px;
   font-style: italic;
}

#sidebar li li a {
   padding: 0px 0px 0px 15px;
}

#sidebar h2 {
   height: 31px;
   margin: 0px 0px 20px 0px;
   padding: 10px 0px 0px 20px;
   background: url(images/img03.jpg) no-repeat left top;
   text-shadow: #203060 -1px 1px 2px;
   text-align: left;
   text-transform: uppercase;
   letter-spacing: -.5px;
   font-size: 2em;
   color: #FFFFFF;
}

#sidebar p {
   margin: 0 0px;
   padding: 0px 20px 20px 20px;
   text-align: justify;
   color: #847F7E;
}

#sidebar a {
   border: none;
   color: #847F7E;
}

#sidebar a:hover {
   text-decoration: underline;
   color: #847F7E;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
   padding: 20px;
}

#calendar table {
   width: 100%;
}

#calendar tbody td {
   text-align: center;
}

#calendar #next {
   text-align: right;
}

/* Footer */

#footer {
   width: 980px;
   height: 50px;
   margin: 0 auto;
   padding: 0px 0 15px 0;
   font-family: Arial, Helvetica, sans-serif;
}

#footer p {
   margin: 0;
   line-height: normal;
   font-size: 10px;
   text-transform: uppercase;
   text-align: center;
   color: #847F7E;
}

#footer a {
   color: #847F7E;
}


Will that do? It's dark :p

-Edit: It's just an example, you're gonna have to change the urls and such as well (you can also comment/uncomment some of the lines you don't need)
Phantom
 

Re: Redoing the player in Flash 

Postby henke37 » Mon Mar 21, 2011 7:02 pm

Ok, new question. What video hosting sites do you want to see supported? I don't want to limit it to youtube. If you know of a site that would work, tell me!
Currently working on a redesign of Court-records.net.
User avatar
henke37
Security expert / tools programmer
 
Posts: 3031
Joined: Wed Mar 04, 2009 9:42 pm
Location: Sweden
Gender: Male
Spoken languages: Swedish,English

Re: Redoing the player in Flash 

Postby Phantom » Mon Mar 21, 2011 11:19 pm

veoh, vimeo, dailymotion, google video, megavideo are some of the most well known vid hosting sites I'm aware of besides youtube, though I'm not sure what people outside of america recommends (I know in Asia youhou and tokou (I think those are the correct spellings) are really popular in that region of the world).

Embedding-wise, I think google video and Veoh would be an easier alternative for youtube, but don't hold me to that.
Phantom
 

Re: Redoing the player in Flash 

Postby henke37 » Mon Mar 21, 2011 11:24 pm

  • Google video is not gonna happen for the simple reason that they don't allow new uploads. It's kinda pointless for this purpose without that.
  • DailyMotion is already on the todo list, but I am having technical difficulties that their support staff of course are too clueless to understand.
  • Viemo does not have a chromeless player, that being none of their own gui. I don't accept anything less than proper chromeless players.
  • Veoh seems to not provide an embeddable player.
  • Megavideo doesn't provide a lot of information on their site, so I have sent them an email.
  • In addition to dedicated video hosting sites I am also allowing for plain old flv files hosted on any old website hosting. I may add support for FMS if someone actually requests that.

As for easy to work with, try looking at the youtube api, it is very simple. You load their player, you load the video and you get events when stuff happens. It is a pleasure to work with. It's a lot easier than the underlaying video playing api in Flash.
Currently working on a redesign of Court-records.net.
User avatar
henke37
Security expert / tools programmer
 
Posts: 3031
Joined: Wed Mar 04, 2009 9:42 pm
Location: Sweden
Gender: Male
Spoken languages: Swedish,English

Re: Redoing the player in Flash 

Postby henke37 » Wed Jul 27, 2011 3:19 pm

For those that missed my MOTM interview, there has been an announcement:

The project is now open source

Interested parties can check out the assembla project and see what we have managed to do so far. But most importantly, feel free to contribute!
Currently working on a redesign of Court-records.net.
User avatar
henke37
Security expert / tools programmer
 
Posts: 3031
Joined: Wed Mar 04, 2009 9:42 pm
Location: Sweden
Gender: Male
Spoken languages: Swedish,English

Re: Redoing the player in Flash 

Postby henke37 » Thu May 17, 2012 9:50 pm

Well, I am resuming work on this project now. I am going to need people assisting me with the graphics work. People with any kinds of bitmap editing skills are very welcome. And someone to help me with the animating would be a godsend.
Currently working on a redesign of Court-records.net.
User avatar
henke37
Security expert / tools programmer
 
Posts: 3031
Joined: Wed Mar 04, 2009 9:42 pm
Location: Sweden
Gender: Male
Spoken languages: Swedish,English

Re: Redoing the player in Flash 

Postby Exedeb » Tue Apr 19, 2016 6:26 pm

How's going with the project now?
User avatar
Exedeb
 
Posts: 111
Joined: Mon Jun 29, 2009 8:33 pm
Gender: Male
Spoken languages: Italian, English (meh)

Previous

Return to General chatting

Who is online

Users browsing this forum: No registered users and 1 guest